Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

built a fun apple-esque "hello" text animation works with any text

kumailnanji's profile picture

Kumail Nanji

12,509 subscribers

334,934 görüntüleme • 3 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text
0:13

Get beautiful text animations. We built a hand-crafted collection of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section text

Alex Barashkov

125,056 görüntüleme • 2 ay önce

Wisprflow inspired text path animation component for Framer ! Make text flow along a custom SVG path with custom animation settings and appearance. Check it out 👇
0:18

Wisprflow inspired text path animation component for Framer ! Make text flow along a custom SVG path with custom animation settings and appearance. Check it out 👇

Nabeel

10,179 görüntüleme • 7 ay önce

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,369 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

I built a tool that automatically puts text between your image
0:12

I built a tool that automatically puts text between your image

Aditya

295,940 görüntüleme • 1 yıl önce

Rive text is live!! Animatable, variable, dynamic text for runtime, with full support for any language. There are a MONSTER amount of new things to play around with! 🚀 Create Text objects, styles, runs, and modifiers. 🚀 Support for any language. LTR, RTL, special characters/features, ligatures, etc. 🚀 Animate variable fonts. 🚀 Google Fonts are provided by default, but you can upload custom fonts. 🚀 Runs are a way to segment a text field into different sections. You can target runs at runtime to change their content dynamically. See documentation here: 🚀 Apply different text styles to runs. 🚀 Convert text to paths (flatten). 🚀 Text modifiers are a powerful way to add layered animation to text, while maintaining its editability! 🚀 Use transform constraints to resize graphics to text objects. Coming soon: 🚧 Ability to export fonts out of band or via CDN. They are currently packaged in the .riv file.
0:12

Rive text is live!! Animatable, variable, dynamic text for runtime, with full support for any language. There are a MONSTER amount of new things to play around with! 🚀 Create Text objects, styles, runs, and modifiers. 🚀 Support for any language. LTR, RTL, special characters/features, ligatures, etc. 🚀 Animate variable fonts. 🚀 Google Fonts are provided by default, but you can upload custom fonts. 🚀 Runs are a way to segment a text field into different sections. You can target runs at runtime to change their content dynamically. See documentation here: 🚀 Apply different text styles to runs. 🚀 Convert text to paths (flatten). 🚀 Text modifiers are a powerful way to add layered animation to text, while maintaining its editability! 🚀 Use transform constraints to resize graphics to text objects. Coming soon: 🚧 Ability to export fonts out of band or via CDN. They are currently packaged in the .riv file.

Guido Rosso

25,950 görüntüleme • 3 yıl önce

smooth streaming in ai sdk v5 ◆ smooth, 60fps text streaming animation ◆ makes ai chat feel extremely natural ◆ works with newest ai sdk v5 step-by-step blog article below 👇
0:13

smooth streaming in ai sdk v5 ◆ smooth, 60fps text streaming animation ◆ makes ai chat feel extremely natural ◆ works with newest ai sdk v5 step-by-step blog article below 👇

Josh tried coding

44,299 görüntüleme • 11 ay önce

Never forget that this is the best UX you can get because Apple can’t bother to make text selection work on SwiftUI Text.
0:10

Never forget that this is the best UX you can get because Apple can’t bother to make text selection work on SwiftUI Text.

Thomas Ricouard

29,137 görüntüleme • 9 ay önce

I need a face to sit on, any takers? Text me:
0:11

I need a face to sit on, any takers? Text me:

Elli FREE OF

46,026 görüntüleme • 2 yıl önce

Bring Hello Kitty, all her friends, and fun with you on Apple Arcade:
0:10

Bring Hello Kitty, all her friends, and fun with you on Apple Arcade:

Hello Kitty

18,538 görüntüleme • 11 ay önce

The Text Fragments creation UI was just activated in Firefox Nightly allowing you to share/reference a link anchor to any text snippet in a page
0:19

The Text Fragments creation UI was just activated in Firefox Nightly allowing you to share/reference a link anchor to any text snippet in a page

Firefox Nightly 🔥

11,267 görüntüleme • 1 yıl önce

Google Places API meets shadcn ui. ◆ Highlight matching text in suggestions ◆ Simple loading state ◆ Fetch best-matching places and by ID ◆ Works with any country code Inspired by Stripe checkout.
0:11

Google Places API meets shadcn ui. ◆ Highlight matching text in suggestions ◆ Simple loading state ◆ Fetch best-matching places and by ID ◆ Works with any country code Inspired by Stripe checkout.

Maximilian Kaske 🏓

80,294 görüntüleme • 1 yıl önce

Introducing Live Layers. Add your text and graphics to any image with adjustable layers.
0:19

Introducing Live Layers. Add your text and graphics to any image with adjustable layers.

Reve

344,492 görüntüleme • 13 gün önce

The power of @ property Without it → CSS treats --progress as text → no animation With it → CSS knows it's percentage → smooth animation
0:13

The power of @ property Without it → CSS treats --progress as text → no animation With it → CSS knows it's percentage → smooth animation

Victor

20,744 görüntüleme • 2 ay önce

Reach out for help if you need it! Either with those close to you or helplines. I’ll post some here feel free to add more in reply. 🇮🇪: 116 123 or Text “Hello” to 50808 🇬🇧: 0800 587 0800 (6pm to midnight) or Text “shout” to 85258 🇺🇸: Call/Text 998 or Text "HOME" to 741741. ❤️
0:19

Reach out for help if you need it! Either with those close to you or helplines. I’ll post some here feel free to add more in reply. 🇮🇪: 116 123 or Text “Hello” to 50808 🇬🇧: 0800 587 0800 (6pm to midnight) or Text “shout” to 85258 🇺🇸: Call/Text 998 or Text "HOME" to 741741. ❤️

CM Punk Stories

23,312 görüntüleme • 3 ay önce

> This is a prompt showing that text works well in Omni. The exact text of this prompt is shown verbatim in this ambient video. The text appears one sentence at a time, like at the beginning of a movie. The backdrop is flying through a blue sky.
0:10

> This is a prompt showing that text works well in Omni. The exact text of this prompt is shown verbatim in this ambient video. The text appears one sentence at a time, like at the beginning of a movie. The backdrop is flying through a blue sky.

fofr

13,069 görüntüleme • 15 gün önce

animation commission for @Geekrican77 (extended) #loonahelluvaboss #animation -Don't text and drive bitches- 🐺🚗
0:10

Sensitive content

animation commission for @Geekrican77 (extended) #loonahelluvaboss #animation -Don't text and drive bitches- 🐺🚗

Shmoki

37,756 görüntüleme • 1 yıl önce

Any questions? Text “PLEH” to 58094 #PSA #CloakBrand
0:19

Any questions? Text “PLEH” to 58094 #PSA #CloakBrand

cloak

17,174 görüntüleme • 2 yıl önce

I never text animation seriously I’m gonna giggle so badly
0:15

I never text animation seriously I’m gonna giggle so badly

🍕simon 🧀

18,681 görüntüleme • 1 yıl önce

Playing with the input loading and clear animation, where the text dissolves into a glow along the bottom edge of the input
0:11

Playing with the input loading and clear animation, where the text dissolves into a glow along the bottom edge of the input

Jakub Antalik

19,499 görüntüleme • 3 ay önce