Loading video...

Video Failed to Load

Go Home

🤩 Avoid a single word on the next line with this simple React component. It automatically balances lines of wrapped text. 👉

AdhamDannaway's profile picture

Adham Dannaway

92,494 subscribers

157,535 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

react-native-enriched 🤝 <EnrichedText> We just dropped a dedicated text component, making it a complete rich-text solution. Now it only takes a few lines of code to get your inputs and display text working seamlessly together using the exact same format.
0:14

react-native-enriched 🤝 <EnrichedText> We just dropped a dedicated text component, making it a complete rich-text solution. Now it only takes a few lines of code to get your inputs and display text working seamlessly together using the exact same format.

Software Mansion

19,379 views • 3 months ago

Kind of a bummer to see FSD V14.3.2 missing something this simple. In the past, I’ve seen the car understand and react to “turn only” line paint with 100% accuracy, but for some reason it’s just totally missing this. I’ve had it happen in this spot multiple times recently. Plenty of time to see this and react to it too :/
0:10

Kind of a bummer to see FSD V14.3.2 missing something this simple. In the past, I’ve seen the car understand and react to “turn only” line paint with 100% accuracy, but for some reason it’s just totally missing this. I’ve had it happen in this spot multiple times recently. Plenty of time to see this and react to it too :/

Mike P

14,245 views • 3 months ago

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view
0:16

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view

Solarin

32,485 views • 1 year ago

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.
0:19

Let's make Android development in React Native great and fun again. This is the official native Material 3 carousel composable rendered using Expo native views. The result is a simple-to-use React component with all native behavior (gestures and transitions) built in.

Oliver Lopez

19,329 views • 1 year ago

Lots of custom-written SVG here! Each block is just a simple React component w/ props for position, dimensions, colors, etc., so there's a lot of flexibility in what we can do with them.
0:15

Lots of custom-written SVG here! Each block is just a simple React component w/ props for position, dimensions, colors, etc., so there's a lot of flexibility in what we can do with them.

Tim Wilson

40,781 views • 5 months ago

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉
0:14

The blog post about exposing SwiftUI views to React Native is out! ✨ It shows you how to build a SwiftUI paywall in React Native with just a few lines of SwiftUI code! Check it out on Callstack Engineers blog 🎉

Oskar Kwaśniewski

20,794 views • 1 year ago

I am releasing "Generate Twist Bones", a new Prefabulous component 🔥 This component will generate twist bones, which improves the look of the elbow joint. The twist bone is automatically weight painted. Documentation:
0:15

I am releasing "Generate Twist Bones", a new Prefabulous component 🔥 This component will generate twist bones, which improves the look of the elbow joint. The twist bone is automatically weight painted. Documentation:

Haï~

133,911 views • 2 years ago

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!
0:17

This simple HTML app has a drag-and-drop canvas, 20+ text effects, 3D extrusion, and perspective transforms for your 'text behind image'. 😎 Crazy part: The ML backend is ~50 lines of Python Built with gradio.Server ➡️ bring any frontend you want!

Gradio

11,744 views • 4 months ago

This video was made with SeaArt Flow 2.0. Just type in a simple idea, and it takes care of the video, voice, ambient sounds — all automatically! SeaArt.Ai🐋 #SeaArtAI
0:16

This video was made with SeaArt Flow 2.0. Just type in a simple idea, and it takes care of the video, voice, ambient sounds — all automatically! SeaArt.Ai🐋 #SeaArtAI

Baxtable

16,912 views • 1 year ago

This scene is powerful. 15 seconds, not a single word, just a simple look and you understand the whole meaning behind it. Sam Raimi, you are that man.
0:15

This scene is powerful. 15 seconds, not a single word, just a simple look and you understand the whole meaning behind it. Sam Raimi, you are that man.

No Context Tobey Maguire

1,693,766 views • 1 year ago

Gemini Omni doesn’t just allow you to render text more accurately — but to create it in sync with your visuals. 🎥 Choose your type, placement, animation, exposure and more. Prompt for this video: Word by word, one word on the screen at a time: did, you, know, that, this, model, can, do, pretty, good, text!? each word appears with a different animated style, perfect pacing to a rhythm, sizzle reel.
0:10

Gemini Omni doesn’t just allow you to render text more accurately — but to create it in sync with your visuals. 🎥 Choose your type, placement, animation, exposure and more. Prompt for this video: Word by word, one word on the screen at a time: did, you, know, that, this, model, can, do, pretty, good, text!? each word appears with a different animated style, perfect pacing to a rhythm, sizzle reel.

Google

152,383 views • 2 months ago

Trump: The word grocery. It’s a sort of simple word. It sort of means everything you eat. The stomach is speaking
0:16

Trump: The word grocery. It’s a sort of simple word. It sort of means everything you eat. The stomach is speaking

Acyn

987,849 views • 1 year ago

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,374 views • 1 year ago

Since typography is the Hot New Thing right now, a perfect opportunity to repost my marker highlighter library Highlight text on websites with colourful wavy lines. Spans multiple lines! Responsive! Nice! (if you like that sort of thing) Nothing to do with pretext (and won't actually work with pretext right now, but that'll be a relatively simple fix)
0:12

Since typography is the Hot New Thing right now, a perfect opportunity to repost my marker highlighter library Highlight text on websites with colourful wavy lines. Spans multiple lines! Responsive! Nice! (if you like that sort of thing) Nothing to do with pretext (and won't actually work with pretext right now, but that'll be a relatively simple fix)

Robin

39,396 views • 4 months ago

introducing: elastic line component for Framer use this to add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)
0:13

introducing: elastic line component for Framer use this to add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)

Framer University

20,360 views • 1 year ago

A quick way to improve how text behaves in your app is to use `text-wrap: balance`. It distributes text evenly across each line, avoiding orphaned words. It is only supported for a limited number lines (<6-10 depending on the browser), which means it's best used for headings or short paragraphs.
0:12

A quick way to improve how text behaves in your app is to use `text-wrap: balance`. It distributes text evenly across each line, avoiding orphaned words. It is only supported for a limited number lines (<6-10 depending on the browser), which means it's best used for headings or short paragraphs.

Jakub Krehel

58,413 views • 5 months ago

omg look at this dynamic table of progress concept by Nitish Khagwal! imagine this as a Framer component that automatically populates the titles in the table based on blog content and calculates the percentage of progress. 50 retweets and i'm making this. no joke!
0:10

omg look at this dynamic table of progress concept by Nitish Khagwal! imagine this as a Framer component that automatically populates the titles in the table based on blog content and calculates the percentage of progress. 50 retweets and i'm making this. no joke!

Framer University

14,060 views • 1 year ago

Imagine that, a page with a single landing page needing this many nested components, thank you react &amp; next! "Achieving less by needing more®"
0:14

Imagine that, a page with a single landing page needing this many nested components, thank you react &amp; next! "Achieving less by needing more®"

WebDevCody

74,692 views • 2 years ago