Loading video...

Video Failed to Load

Go Home

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

learnframer's profile picture

Framer University

52,323 subscribers

18,638 views • 9 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: 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: 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,972 views • 1 year 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,732 views • 10 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

103,972 views • 1 year 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

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

introducing: liquid glass element for Framer a draggable frosted glass effect that feels tactile and smooth — perfect for adding depth to any layout. comment "GLASS" and i’ll send you the comp for free :)
0:11

introducing: liquid glass element for Framer a draggable frosted glass effect that feels tactile and smooth — perfect for adding depth to any layout. comment "GLASS" and i’ll send you the comp for free :)

Framer University

43,970 views • 11 months 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 • 9 months 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: 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,833 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,841 views • 1 year 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,245 views • 5 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 • 10 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,355 views • 1 year 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,170 views • 8 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,756 views • 11 months 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,422 views • 6 months 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,862 views • 1 year ago

FREE template built in Framer ✨🖱 Uses a cool cursor effect, 100% built in Framer Comment "Framer" and I'll send it to you 👇 (must be following so I can DM you)
0:13

FREE template built in Framer ✨🖱 Uses a cool cursor effect, 100% built in Framer Comment "Framer" and I'll send it to you 👇 (must be following so I can DM you)

Ryan Hayward

28,299 views • 2 years ago

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.
0:15

AI meets 3D anatomy? I made a real-time interactive 3D cat that reacts to your cursor with head tracking and tail movement. The skeleton, organs and rig were generated with AI using Omma and rendered with Three.js. Curious if you would actually use something like this.

Gábor Pribék

11,160 views • 16 days ago