Framer University's banner

Framer University

@learnframer • 52,347 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,139 просмотров

🎉 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,215 просмотров

🎉 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,683 просмотров

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,522 просмотров

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,269 просмотров

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,618 просмотров

🎉 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,624 просмотров

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,045 просмотров

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,942 просмотров

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,354 просмотров

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,772 просмотров

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,094 просмотров

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,732 просмотров

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,531 просмотров

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

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

19,776 просмотров

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 просмотров

My previous tweet received 120+ retweets, so I recreated the zoom effect from in Framer without using any code. No-code demo: 🎁 If this post gets 1K+ likes, I'll share the remix link for free.

My previous tweet received 120+ retweets, so I recreated the zoom effect from in Framer without using any code. No-code demo: 🎁 If this post gets 1K+ likes, I'll share the remix link for free.

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

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

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

FIGMA SITES: are they good?

FIGMA SITES: are they good?

Framer University

108,904 просмотров • 1 год назад

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

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

Seems like @Framer just dropped a banger.

Seems like @Framer just dropped a banger.

Framer University

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

🎉 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,225 просмотров • 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,496 просмотров • 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,894 просмотров • 7 месяцев назад

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

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

Framer University

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

✨ 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,574 просмотров • 1 год назад

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,565 просмотров • 5 месяцев назад

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

37,998 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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 просмотров • 8 месяцев назад

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,681 просмотров • 10 месяцев назад

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,763 просмотров • 3 лет назад

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,335 просмотров • 6 месяцев назад

the Framer marketplace is a literal CHEAT CODE for making hundreds of thousands of dollars... send comment "MONEY" for my full guidance :)

the Framer marketplace is a literal CHEAT CODE for making hundreds of thousands of dollars... send comment "MONEY" for my full guidance :)

Framer University

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

here's how to: turn $1 websites into $10,000 websites. comment "TUTORIAL" and i'll send you the process for free.

here's how to: turn $1 websites into $10,000 websites. comment "TUTORIAL" and i'll send you the process for free.

Framer University

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

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,938 просмотров • 1 год назад