Loading video...

Video Failed to Load

Go Home

🎉 Introducing: Animated Gradient Background for @Framer. Copy and paste into your project, select style from 6 presets or customize your own. Retweet and comment "GRADIENT" and I'll send it.

learnframer's profile picture

Framer University

52,336 subscribers

62,624 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Better Gradient, a collaboration between Plugin Play and Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.
0:20

Introducing Better Gradient, a collaboration between Plugin Play and Ravie "The Gradient Guys" .co Now available at - Save gradient presets - Customize your color interpolation with graph easing - Significantly improved color rendering to get rid of the gross grays AE typically produces between color stops. - Animate gradients along paths with shadows - and so much more! Effortlessly blend colors into mesmerizing kaleidoscopes of gradient joy. Mapping, paths, you name it, you can gradient it. Launch video direction, design, and animation from Sam Essanoussi and Justin De Leon.

Austin Bauwens

18,305 views • 18 days ago

🎉 Introducing: Smooth Scroll for Framer. Copy and paste the component into your website, and you're ready to go. Free. Easy to use. Customizable. Get it and watch the tutorial below: 👇
0:16

🎉 Introducing: Smooth Scroll for Framer. Copy and paste the component into your website, and you're ready to go. Free. Easy to use. Customizable. Get it and watch the tutorial below: 👇

Framer University

24,918 views • 2 years 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,683 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,940 views • 2 years 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,981 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,717 views • 1 year ago

Introducing "Plant gradient map"✨ This gradient set is perfect for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:
0:17

Introducing "Plant gradient map"✨ This gradient set is perfect for adding a unified coloring to your forest illustrations. Use it on grayscale drawings for the best result and choose from over 30 gradients🌳 🔽Details here:

CLIP STUDIO PAINT

20,600 views • 21 days 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

13,224 views • 1 year ago

Onboarding flow built in Framer 🚀 This is the experience when you first sign up for my Framer course! ✨ Comment "Framer" and I'll send you the remix link so you can use it in your own projects!
0:16

Onboarding flow built in Framer 🚀 This is the experience when you first sign up for my Framer course! ✨ Comment "Framer" and I'll send you the remix link so you can use it in your own projects!

Ryan Hayward

23,681 views • 3 years ago

introducing: burn transition for Framer scroll or animate through a torn, glowing edge that feels alive right on your canvas. tweak the burn, noise, edge, and glow to shape the transition you want. comment "BURN" and i'll send it to you for free! :)
0:10

introducing: burn transition for Framer scroll or animate through a torn, glowing edge that feels alive right on your canvas. tweak the burn, noise, edge, and glow to shape the transition you want. comment "BURN" and i'll send it to you for free! :)

Framer University

14,772 views • 7 months ago

Introducing Themes. Hand-picked colors that you can copy and paste into your apps. This builds on top of the Styles API. Pick a style with some sane defaults, add your colors and make it yours.
0:13

Introducing Themes. Hand-picked colors that you can copy and paste into your apps. This builds on top of the Styles API. Pick a style with some sane defaults, add your colors and make it yours.

shadcn

182,650 views • 3 years 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,269 views • 11 months ago

🩻 Introducing the Framer AEO Scanner. Paste a URL. See what AI engines can't read about your site, and how to fix it.
0:13

🩻 Introducing the Framer AEO Scanner. Paste a URL. See what AI engines can't read about your site, and how to fix it.

Framer

37,067 views • 4 months ago

Startup landing page template for Framer 🤯 I built this for a side-project but decided to also give it away for FREE! Comment "Framer" and I'll send it to you Preview link below 👇
0:15

Startup landing page template for Framer 🤯 I built this for a side-project but decided to also give it away for FREE! Comment "Framer" and I'll send it to you Preview link below 👇

Ryan Hayward

29,290 views • 2 years 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,433 views • 1 year ago

2. Copy and paste text from a physical document into your note: 1. Click on the photo icon 2. Select scan text 3. Locate your text and click insert Your text is now in your note as if you had written it manually.
0:15

2. Copy and paste text from a physical document into your note: 1. Click on the photo icon 2. Select scan text 3. Locate your text and click insert Your text is now in your note as if you had written it manually.

Marius Hauken

4,048,319 views • 3 years ago

Landing page template for Framer 🥳✈️ I'll give it away for FREE! Comment "Framer" below and I'll send it to you 👇 (must be following so I can DM you)
0:18

Landing page template for Framer 🥳✈️ I'll give it away for FREE! Comment "Framer" below and I'll send it to you 👇 (must be following so I can DM you)

Ryan Hayward

33,730 views • 3 years ago

Introducing my latest Framer template, Maily ✉️ For the next 24 hours, you can get it FREE (normally $76) Here’s how to get it: - Like + Retweet + Comment “Maily” - Follow (so I can send it to you) And I'll send the link + redeem code to you!
0:14

Introducing my latest Framer template, Maily ✉️ For the next 24 hours, you can get it FREE (normally $76) Here’s how to get it: - Like + Retweet + Comment “Maily” - Follow (so I can send it to you) And I'll send the link + redeem code to you!

Mark Vassilevskiy

255,524 views • 1 year ago

Prepared and hand tweaked a couple of the most essential transitions for web apps Ready to use, no installation needed, just copy and paste into your project
0:10

Prepared and hand tweaked a couple of the most essential transitions for web apps Ready to use, no installation needed, just copy and paste into your project

Jakub Antalik

76,277 views • 4 months ago