Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Framer University
Learn to turn your ideas into stunning websites. No code needed.

Framer University
Learn to turn your ideas into stunning websites. No code needed.

Lessons

Lessons

Watch. Practice. Repeat.

Watch over 64+ no-bullshit, practical video lessons taught by Nandi, the first official Framer mentor.

Helping designers from companies like:

Resources

Resources

Creating world-class sites. Made easier.

Browse over 180+ copy-and-paste-able website animations, components, code overrides, and website rebuilds.

Quick preview

Heart Like Button Animation in Framer

Quick preview

Heart Like Button Animation in Framer

Quick preview

Heart Like Button Animation in Framer

Quick preview

Navigation Hover Component in Framer

Quick preview

Navigation Hover Component in Framer

Quick preview

Navigation Hover Component in Framer

Quick preview

Photo Gallery Demo

Quick preview

Photo Gallery Demo

Quick preview

Photo Gallery Demo

Quick preview

3D Button Component

Quick preview

3D Button Component

Quick preview

3D Button Component

Quick preview

Apple Vision Pro Scroll Animation

Quick preview

Apple Vision Pro Scroll Animation

Quick preview

Apple Vision Pro Scroll Animation

Quick preview

Galaxy Button Component

Quick preview

Galaxy Button Component

Quick preview

Galaxy Button Component

Quick preview

3D Cube Site Loader in Framer

Quick preview

3D Cube Site Loader in Framer

Quick preview

3D Cube Site Loader in Framer

Quick preview

Image and Text Section in Framer

Quick preview

Image and Text Section in Framer

Quick preview

Image and Text Section in Framer

Quick preview

Video Testimonial Card Component

Quick preview

Video Testimonial Card Component

Quick preview

Video Testimonial Card Component

Quick preview

Skeuomorphic Switch in Framer

Quick preview

Skeuomorphic Switch in Framer

Quick preview

Skeuomorphic Switch in Framer

Quick preview

Scroll Highlight Animation Override for Framer

Quick preview

Scroll Highlight Animation Override for Framer

Quick preview

Scroll Highlight Animation Override for Framer

Quick preview

Blur Gradient Component

Quick preview

Blur Gradient Component

Quick preview

Blur Gradient Component

Quick preview

Quick preview

Quick preview

Quick preview

Apple Keyboard Interaction

Quick preview

Apple Keyboard Interaction

Quick preview

Apple Keyboard Interaction

Quick preview

Interactive 3D Framer Website

Quick preview

Interactive 3D Framer Website

Quick preview

Interactive 3D Framer Website

Quick preview

Calendar Widget Animation in Framer

Quick preview

Calendar Widget Animation in Framer

Quick preview

Calendar Widget Animation in Framer

Quick preview

Parallax Hover Interaction in Framer

Quick preview

Parallax Hover Interaction in Framer

Quick preview

Parallax Hover Interaction in Framer

Quick preview

Scroll Rotation Animation in Framer

Quick preview

Scroll Rotation Animation in Framer

Quick preview

Scroll Rotation Animation in Framer

Quick preview

Scramble Cycle Component for Framer

Quick preview

Scramble Cycle Component for Framer

Quick preview

Scramble Cycle Component for Framer

Quick preview

macOS Dock Component for Framer

Quick preview

macOS Dock Component for Framer

Quick preview

macOS Dock Component for Framer

Quick preview

Apple Watch Website in Framer

Quick preview

Apple Watch Website in Framer

Quick preview

Apple Watch Website in Framer

Quick preview

Magnetic Carousel Interaction

Quick preview

Magnetic Carousel Interaction

Quick preview

Magnetic Carousel Interaction

Quick preview

Letters Interaction in Framer

Quick preview

Letters Interaction in Framer

Quick preview

Letters Interaction in Framer

Quick preview

Sticky Section Scroll Animation in Framer

Quick preview

Sticky Section Scroll Animation in Framer

Quick preview

Sticky Section Scroll Animation in Framer

Blog

Blog

Framer techniques. Revealed.

Check out the blog to keep up with the latest news, tips and tricks, animations, effects, and the best websites.

Top plugins showcase

Top 6 Framer Plugins in 2024

Toplist

Top plugins showcase

Top 6 Framer Plugins in 2024

Toplist

Top plugins showcase

Top 6 Framer Plugins in 2024

Toplist

Interactive hover backgrounds: Liquid, Smoke, Pixel, and more

How To Add Interactive Hover Background in Framer

Guide

Interactive hover backgrounds: Liquid, Smoke, Pixel, and more

How To Add Interactive Hover Background in Framer

Guide

Interactive hover backgrounds: Liquid, Smoke, Pixel, and more

How To Add Interactive Hover Background in Framer

Guide

Support

Here for you.
Every step of the way.

Are you stuck with your project? You have an issue with your site? You don’t know how to achieve a specific thing in Framer?

I will be your personal Framer support for 30/60 minutes.

“I’m building a new website and it’s absolutely ridiculous how valuable your content has been.”

image of Michael Riddering

Michael Riddering

Founder @ figma.academy

“I think there’s no one teaching Framer as good as you.”

image of Nayat Cheikh

Nayat Cheikh

Head of Product Design @ Maple

“Big effort - high quality. Best Framer content out there.”

image of Jan Dittrich

Jan Dittrich

Founder @ Crive

“I developed my entire portfolio from scratch just by watching your tutorials.”

image of Nisa Fitrianti

Nisa Fitrianti

UI/UX Designer @ Xcidic

“Way too much value for free to be honest.”

image of James Traf

James Traf

Digital Designer

“We reference your work often as a product education standard to live up to.”

Modify logo

Modyfi

Design Tool

“I’m building a new website and it’s absolutely ridiculous how valuable your content has been.”

image of Michael Riddering

Michael Riddering

Founder @ figma.academy

“I think there’s no one teaching Framer as good as you.”

image of Nayat Cheikh

Nayat Cheikh

Head of Product Design @ Maple

“Big effort - high quality. Best Framer content out there.”

image of Jan Dittrich

Jan Dittrich

Founder @ Crive

“I developed my entire portfolio from scratch just by watching your tutorials.”

image of Nisa Fitrianti

Nisa Fitrianti

UI/UX Designer @ Xcidic

“Way too much value for free to be honest.”

image of James Traf

James Traf

Digital Designer

“We reference your work often as a product education standard to live up to.”

Modify logo

Modyfi

Design Tool

“I’m building a new website and it’s absolutely ridiculous how valuable your content has been.”

image of Michael Riddering

Michael Riddering

Founder @ figma.academy

“I think there’s no one teaching Framer as good as you.”

image of Nayat Cheikh

Nayat Cheikh

Head of Product Design @ Maple

“Big effort - high quality. Best Framer content out there.”

image of Jan Dittrich

Jan Dittrich

Founder @ Crive

“I developed my entire portfolio from scratch just by watching your tutorials.”

image of Nisa Fitrianti

Nisa Fitrianti

UI/UX Designer @ Xcidic

“Way too much value for free to be honest.”

image of James Traf

James Traf

Digital Designer

“We reference your work often as a product education standard to live up to.”

Modify logo

Modyfi

Design Tool

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Nandi portrait's background
Nandi's portrait