Loading video...

Video Failed to Load

Go Home

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 👇

itsnotnabeel's profile picture

Nabeel

6,131 subscribers

10,220 views • 9 months 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

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,384 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.
0:10

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,958 views • 1 year 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 :)
0:14

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,776 views • 1 year 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. :)
0:12

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,875 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 👇
0:15

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

42,001 views • 1 year ago

custom text highlight. made with react and css. try it here -
0:15

custom text highlight. made with react and css. try it here -

Shiv

24,757 views • 6 months 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)
0:16

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,542 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
0:10

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

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

129,508 views • 5 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 :)
0:11

🎉 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

104,265 views • 1 year 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
0:17

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

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

20,022 views • 5 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 🙌
0:14

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 • 3 years ago

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)
0:13

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,763 views • 1 year ago

Introducing Wan-Animate-2. A major upgrade to our open-source character animation model with: • High Fidelity Character Animation • Multi-Character Animation • Text-Controlled Camera Viewpoint • Real-Time Streaming Generation Weights, demos, and docs 👇
0:14

Introducing Wan-Animate-2. A major upgrade to our open-source character animation model with: • High Fidelity Character Animation • Multi-Character Animation • Text-Controlled Camera Viewpoint • Real-Time Streaming Generation Weights, demos, and docs 👇

Wan

88,191 views • 1 month ago

Meet the Draw SVG Page Transition Template. It animates an <svg> path with a smooth draw effect, then wipes it away to reveal the next page. Replace the path with your own and experiment freely. Part of the Osmo Page Transition Course 🔗
0:10

Meet the Draw SVG Page Transition Template. It animates an <svg> path with a smooth draw effect, then wipes it away to reveal the next page. Replace the path with your own and experiment freely. Part of the Osmo Page Transition Course 🔗

Osmo

41,484 views • 7 months ago

I told Claude read entire CAPlayground source code and my previous custom tendies, from that custom for me an animation wallpaper for iPhone and this is what it did
0:16

I told Claude read entire CAPlayground source code and my previous custom tendies, from that custom for me an animation wallpaper for iPhone and this is what it did

Huy Nguyen

18,186 views • 5 months ago

Made a lil illustration in Figma draw with dynamic stroke and texture effects and text on a path. I dared to paste the SVG code into CodePen.IO ... this is what happened... Spoiler alert... It worked! ˗ˏˋ rogie ˎˊ˗ Lauren Budorick 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 you super amazing brilliant beautiful people! This is delight!
0:15

Made a lil illustration in Figma draw with dynamic stroke and texture effects and text on a path. I dared to paste the SVG code into CodePen.IO ... this is what happened... Spoiler alert... It worked! ˗ˏˋ rogie ˎˊ˗ Lauren Budorick 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 you super amazing brilliant beautiful people! This is delight!

miggi from figgi

20,954 views • 1 year ago