Framer University's banner

Framer University

@learnframer • 52,205 subscribers

I share @Framer tutorials & resources with you. Mastered Framer and I'll show how you can do it too. Follow to learn everything about Framer.

Shorts

Apple secretly invented a new bento card effect back in 2021. Thankfully, it is very much possible to create this in Framer. 🔁 100 retweets and I'm rebuilding it in a YouTube tutorial.

Apple secretly invented a new bento card effect back in 2021. Thankfully, it is very much possible to create this in Framer. 🔁 100 retweets and I'm rebuilding it in a YouTube tutorial.

326,380 просмотров

🤯 Look at this insane parallax effect on the website. With just a few clicks in Framer, you can make this too. 100 retweets and I'll show you how.

🤯 Look at this insane parallax effect on the website. With just a few clicks in Framer, you can make this too. 100 retweets and I'll show you how.

222,165 просмотров

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

104,315 просмотров

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

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

82,819 просмотров

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

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

42,604 просмотров

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

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

50,318 просмотров

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

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

38,764 просмотров

🎉 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.

🎉 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.

62,733 просмотров

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

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

44,105 просмотров

Look at this scale effect on the website. 🤯 100 retweets and I'm making this in Framer.

Look at this scale effect on the website. 🤯 100 retweets and I'm making this in Framer.

70,783 просмотров

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.

29,982 просмотров

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

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

26,763 просмотров

I absolutely love this 3D configuration page on the website. Should I try to recreate it in Framer without any code? Comment "🏠" if I should!

I absolutely love this 3D configuration page on the website. Should I try to recreate it in Framer without any code? Comment "🏠" if I should!

37,378 просмотров

This isn't This is a no-code version of the Siri site, made in Framer. Yes — you can build sites like this without code. Drop a "☝️" if you'd watch a full how-to video.

This isn't This is a no-code version of the Siri site, made in Framer. Yes — you can build sites like this without code. Drop a "☝️" if you'd watch a full how-to video.

39,926 просмотров

who wants to animate SVGs on scroll in Framer. raise your "🖐️" hands.

who wants to animate SVGs on scroll in Framer. raise your "🖐️" hands.

20,121 просмотров

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

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

14,778 просмотров

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

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

18,753 просмотров

hear me out Framer folks... what if you could place elements inside of your text layers? in a way that it keeps full responsiveness on resize... something might be coming soon :)))

hear me out Framer folks... what if you could place elements inside of your text layers? in a way that it keeps full responsiveness on resize... something might be coming soon :)))

24,587 просмотров

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

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

25,555 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

6 months ago, I started working on a new version of the @Framer University website. Now, it’s finally here! For beginners and pros alike, it's the daily hub for the best Framer resources and tutorials. Link below: ↓

6 months ago, I started working on a new version of the @Framer University website. Now, it’s finally here! For beginners and pros alike, it's the daily hub for the best Framer resources and tutorials. Link below: ↓

Framer University

193,444 просмотров • 2 лет назад

FIGMA SITES: are they good?

FIGMA SITES: are they good?

Framer University

109,014 просмотров • 1 год назад

Seems like @Framer just dropped a banger.

Seems like @Framer just dropped a banger.

Framer University

124,364 просмотров • 2 лет назад

how is this 2.5 hour Framer crash course is free?? comment "TUTORIAL" and i'll send it over to you! :)

how is this 2.5 hour Framer crash course is free?? comment "TUTORIAL" and i'll send it over to you! :)

Framer University

51,056 просмотров • 9 месяцев назад

🎉 Introducing: Interactive Chroma Backgrounds for @Framer. Easily copy and paste it into your website, and select a style from 5 presets. Retweet and comment "CHROMA" and I'll send it.

🎉 Introducing: Interactive Chroma Backgrounds for @Framer. Easily copy and paste it into your website, and select a style from 5 presets. Retweet and comment "CHROMA" and I'll send it.

Framer University

116,287 просмотров • 2 лет назад

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.

Framer University

117,522 просмотров • 2 лет назад

the website that should not exist... comment "BURN" and i'll send you this component for free of charge (once in a lifetime opportunity)

the website that should not exist... comment "BURN" and i'll send you this component for free of charge (once in a lifetime opportunity)

Framer University

30,994 просмотров • 9 месяцев назад

the website that instantly made all designers feel like CRAP...

the website that instantly made all designers feel like CRAP...

Framer University

29,638 просмотров • 9 месяцев назад

✨ Beginner Framer Tutorial Let's create a simple landing page for a product launch. 🪄 🧠 You're going to learn: - how to add a sign up form to your page - how to set up different breakpoints - how to customize 404 page - and many more 👀 💿 Remix in the comments.

✨ Beginner Framer Tutorial Let's create a simple landing page for a product launch. 🪄 🧠 You're going to learn: - how to add a sign up form to your page - how to set up different breakpoints - how to customize 404 page - and many more 👀 💿 Remix in the comments.

Framer University

81,330 просмотров • 3 лет назад

Introducing: Light (god) Rays Component for Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Introducing: Light (god) Rays Component for Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Framer University

46,601 просмотров • 1 год назад

why are you wasting your time with Framer? you could be building sites so much faster... comment "STARTER" and i'll send you the free course.

why are you wasting your time with Framer? you could be building sites so much faster... comment "STARTER" and i'll send you the free course.

Framer University

38,010 просмотров • 1 год назад

Introducing: The Undercover Library Get access to 156+ hours of footage, covering every minute of my journey from 0 to $11.5K with @Framer. Link below: ⤵︎

Introducing: The Undercover Library Get access to 156+ hours of footage, covering every minute of my journey from 0 to $11.5K with @Framer. Link below: ⤵︎

Framer University

16,739 просмотров • 6 месяцев назад

the founder of Framer, Jorn van Dijk roasted this site's features section... here's the "secret trick" he mentioned for fixing it: ⤵︎

the founder of Framer, Jorn van Dijk roasted this site's features section... here's the "secret trick" he mentioned for fixing it: ⤵︎

Framer University

18,090 просмотров • 8 месяцев назад

complete breakdown of how much money i made with Framer in 60 days, undercover as Orin. comment "CHECKLIST" and i'll send you the checklist i used for my best selling template!

complete breakdown of how much money i made with Framer in 60 days, undercover as Orin. comment "CHECKLIST" and i'll send you the checklist i used for my best selling template!

Framer University

15,611 просмотров • 7 месяцев назад

Little iPhone 15 Pro product page rebuilt in Framer. Recreated the new "Read more" animation and the opened overlay as well. Grab the remix link below: 👇 P.S. Should I make a YouTube tutorial?

Little iPhone 15 Pro product page rebuilt in Framer. Recreated the new "Read more" animation and the opened overlay as well. Grab the remix link below: 👇 P.S. Should I make a YouTube tutorial?

Framer University

50,778 просмотров • 3 лет назад

if you have a Framer portfolio without this component, what are you even doing?? comment "3D" and i'll send it to you ($0)

if you have a Framer portfolio without this component, what are you even doing?? comment "3D" and i'll send it to you ($0)

Framer University

20,717 просмотров • 11 месяцев назад

here's my top 5 sites that are crushing it with smooth scroll in Framer stick around till the end for the secret to how they did it 🧵

here's my top 5 sites that are crushing it with smooth scroll in Framer stick around till the end for the secret to how they did it 🧵

Framer University

18,133 просмотров • 9 месяцев назад

lando norris might come to Framer... it's up to you guys!

lando norris might come to Framer... it's up to you guys!

Framer University

14,372 просмотров • 7 месяцев назад

HOW TO: parallax scrolling effect with Framer (in 52 seconds) comment "PARALLAX" and I'll send the project file 📂

HOW TO: parallax scrolling effect with Framer (in 52 seconds) comment "PARALLAX" and I'll send the project file 📂

Framer University

30,107 просмотров • 1 год назад

you're wasting so much time in Framer... comment "TYPE" and i'll send you this free plugin that will save your a** :D

you're wasting so much time in Framer... comment "TYPE" and i'll send you this free plugin that will save your a** :D

Framer University

26,943 просмотров • 1 год назад