Loading video...

Video Failed to Load

Go Home

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

learnframer's profile picture

Framer University

52,412 subscribers

26,747 views • 11 months ago •via X (Twitter)

Science & TechnologyEducation
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 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,850 views • 1 year ago

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)
0:13

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)

Framer University

20,975 views • 1 year ago

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)
0:16

introducing: drawing board component for Framer use this component to sketch ideas, leave notes, or create interactive whiteboard moments right inside your canvas. comment "DRAW" and i’ll send you the component for free :)

Framer University

11,225 views • 1 year ago

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)
0:12

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)

Framer University

16,705 views • 1 year ago

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)
0:11

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,532 views • 1 year ago

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)
0:10

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)

Framer University

18,691 views • 9 months ago

introducing: save frame as image component for Framer. let your users download any frame on your site as an image with one click perfect for membership cards, gift cards, event passes, receipts, and more. comment 'SAVE' and i’ll send you the component :)
0:15

introducing: save frame as image component for Framer. let your users download any frame on your site as an image with one click perfect for membership cards, gift cards, event passes, receipts, and more. comment 'SAVE' and i’ll send you the component :)

Framer University

12,197 views • 11 months ago

introducing: click effects component for Framer add from 6 unique click interactions like rings, burst, particles, and more. comment "CLICK" and i’ll send you the component :)
0:11

introducing: click effects component for Framer add from 6 unique click interactions like rings, burst, particles, and more. comment "CLICK" and i’ll send you the component :)

Framer University

50,186 views • 9 months ago

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)
0:10

introducing: interactive animated 3d globe for Framer. a fully customizable globe with rotation, drag, markers, and visual styling. comment “GLOBE” and i’ll send you the component for free :)

Framer University

42,413 views • 6 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 :)
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,767 views • 1 year ago

introducing: infinite canvas for Framer use this to create those endless scrolling & dragging canvas you see in high-end sites, no code needed. comment "INFINITE" and i’ll send you the component for free :)
0:12

introducing: infinite canvas for Framer use this to create those endless scrolling & dragging canvas you see in high-end sites, no code needed. comment "INFINITE" and i’ll send you the component for free :)

Framer University

38,456 views • 6 months 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,368 views • 1 year ago

new on Framer: pricing slider use this customizable component to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)
0:11

new on Framer: pricing slider use this customizable component to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)

Framer University

14,870 views • 1 year 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,036 views • 1 year ago

🎉 Introducing: Interactive ASCII Component for Framer. Turn your images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)
0:10

🎉 Introducing: Interactive ASCII Component for Framer. Turn your images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)

Framer University

82,451 views • 1 year ago

🎉 Introducing: Cursor Image Trail Effect for @Framer. Create different styles by tweaking animate-in and -out properties. (You can add 3D rotation too!) Retweet + Comment "💥" and I'll send it to you for free.
0:19

🎉 Introducing: Cursor Image Trail Effect for @Framer. Create different styles by tweaking animate-in and -out properties. (You can add 3D rotation too!) Retweet + Comment "💥" and I'll send it to you for free.

Framer University

19,928 views • 1 year ago

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)
0:18

introducing: 3D image scan effect for Framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the component for free :)

Framer University

12,965 views • 10 months ago

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?
0:10

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

Charlie Clark

146,355 views • 1 year ago

introducing: pixel art reveal for Framer turn any image (doesn't have to be pixelated) into a pixel-by-pixel animation with full control over size, order, timing, and scroll triggers. comment “PIXEL” and i’ll send it to you!
0:10

introducing: pixel art reveal for Framer turn any image (doesn't have to be pixelated) into a pixel-by-pixel animation with full control over size, order, timing, and scroll triggers. comment “PIXEL” and i’ll send it to you!

Framer University

10,234 views • 5 months ago

New mind-blowing Framer component drop: Image 3D Parallax! Turn any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM you
0:17

New mind-blowing Framer component drop: Image 3D Parallax! Turn any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM you

David McBacon | Framer Coder

19,833 views • 1 year ago