Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

6,140 subscribers

10,179 views • 6 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 :)

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,368 views • 1 year ago

this is a big day for Framer users. you can now reveal SVG paths on scroll. best part? it's a free component. just comment "PATH" and i'll send it.

this is a big day for Framer users. you can now reveal SVG paths on scroll. best part? it's a free component. just comment "PATH" and i'll send it.

Framer University

29,895 views • 10 months ago

introducing: digital typewriter component for Framer a looping text animation that types and erases words with natural pauses — great for headlines, intros, and more. comment "TYPE" and i’ll send you the comp for free :)

introducing: digital typewriter component for Framer a looping text animation that types and erases words with natural pauses — great for headlines, intros, and more. comment "TYPE" and i’ll send you the comp for free :)

Framer University

19,756 views • 11 months ago

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,848 views • 1 year ago

Introducing text.split(), Anime.js's take on text splitting: - Split words in any language (🇨🇳, 🇯🇵...) - Responsive line splitting - Clone and wrap elements - Custom HTML template - Easy animation management - Debug mode And much more! Check out Anime.js v4.1.0 👇

Introducing text.split(), Anime.js's take on text splitting: - Split words in any language (🇨🇳, 🇯🇵...) - Responsive line splitting - Clone and wrap elements - Custom HTML template - Easy animation management - Debug mode And much more! Check out Anime.js v4.1.0 👇

Julian Garnier

41,641 views • 11 months ago

custom caret with text selection

custom caret with text selection

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

114,726 views • 1 year ago

Photographer one-pager template for Framer 💙 I'm giving it away for FREE! It also includes my custom stagger-code override and the transition animation override 🥳 Comment "Framer" below and I'll send it to you 👇 (must be following so I can DM)

Photographer one-pager template for Framer 💙 I'm giving it away for FREE! It also includes my custom stagger-code override and the transition animation override 🥳 Comment "Framer" below and I'll send it to you 👇 (must be following so I can DM)

✌︎ frederik ✌︎

14,534 views • 1 year ago

marquee along an svg path

marquee along an svg path

daniel petho

57,457 views • 1 year ago

It's tutorial time 🚨 A lot of people asked me for a tutorial on the SVG path animation I created in Framer, so I thought I would do a full breakdown of all of the steps I took to get it working. Find out how below 👇🏻

It's tutorial time 🚨 A lot of people asked me for a tutorial on the SVG path animation I created in Framer, so I thought I would do a full breakdown of all of the steps I took to get it working. Find out how below 👇🏻

JJ Gerrish

82,356 views • 1 year ago

Custom app icon chooser in Finma - A live preview mimicking the dock - Preview changes according to the icon variant - Follows a curved animation path

Custom app icon chooser in Finma - A live preview mimicking the dock - Preview changes according to the icon variant - Follows a curved animation path

Tanmay

18,645 views • 1 year ago

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

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

Kumail Nanji

333,857 views • 2 months ago

IT'S WORKING! I finally got my custom Animator working in Unity! Inspired by Dark Souls Animation Studio since my gameplay is mostly animation-driven. It can browse animation types and bypass Unity’s animation event limitations Small thread 👇 #gamedev #indiedev #madewithunity

IT'S WORKING! I finally got my custom Animator working in Unity! Inspired by Dark Souls Animation Studio since my gameplay is mostly animation-driven. It can browse animation types and bypass Unity’s animation event limitations Small thread 👇 #gamedev #indiedev #madewithunity

Kraken Combo

19,795 views • 4 months ago

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

Framer University

103,990 views • 1 year ago

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

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

122,348 views • 1 month ago

underrated new figma feature: Text on a Path

underrated new figma feature: Text on a Path

Pablo Stanley

302,529 views • 1 year ago

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

Sensitive content

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

Shmoki

37,756 views • 1 year ago

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

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,076 views • 2 months ago

Jitter now supports custom text effects! Rotate. Scale. Move. Fade. Build custom text animations from scratch, your way. Reuse them across files. Keep your motion always on-brand. Live today 👇

Jitter

23,980 views • 3 months ago

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Duy Luong

47,151 views • 2 years ago

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

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

Victor

20,673 views • 1 month ago