A curated collection of Framer resources, encompassing tutorials, tips, tricks, remix links, expert directory, success stories, and striking showcase.

Particles Component for Framer

Explore Particles Component for Framer, a unique tool that brings intricate particle effects to your UI design prototypes.

Holo effect card.

Explore the no-code holo effect card feature on Framer Remix. Turn your ideas into interactive designs with simplicity.

Fluid Cursor

A vintage typewriter with a sheet of paper displaying "Framer" text, set against a minimalist, soft-focus background.

Typewriter Demo

by Benjamin den Boer

Animated top bar showcasing Framer's sleek interface with dynamic elements and smooth transitions for enhanced user experience.

Topbar Animation

A Framer Scroll Animation demo by Benjamin. Add high-fidelity effects and animate variants within specific sections, like switching your topbar...

Tilted scroll design feature by Framer showcases a modern, dynamic layout with smooth scrolling effects and engaging visual elements.

Tilted Scroll by Framer University

3D Tilted Scroll effect for Framer. Created by Nandor Muzsik - Framer University.

"Animated text scramble effect demonstrating Framer's design capabilities on a vibrant background."

Text Scramble by Framer University

Free Text Scramble effect for Framer. Created by Nandor Muzsik - Framer University.

Framer text hover interaction showing animated text effects on a dark background, enhancing engagement through dynamic visual feedback.

Text Hover Interaction

Screenshot of a Tesla website design created in Framer, showcasing a sleek layout with vibrant images and modern typography on a clean, minimalist background.

Tesla Website in Framer

Free Tesla Website scroll-snap effect in Framer. Created by Nandor Muzsik - Framer University.

Framer slider showcasing a sleek interface with vibrant images and smooth transitions, ideal for modern web design.

Slider

Scrollsaber

Explore Scrollsaber by Timeloop, a web design , for visually engaging scroll animations. Enhance your user experience now!

Colorful, animated transform cards in a modern layout showcased in Framer, featuring text and image interactions on a sleek background.

Scroll Transform Cards

Framer design showcasing a webpage with scroll effects, featuring vibrant color changes as the user scrolls down.

Scroll Effects – Color Change

Transform your gallery's visual appeal with playful hover effects and dynamic scroll effects that bring your page to life with...

Image showing the Framer interface with a "Save Contact" feature highlighted, displaying user details and an action button.

Save Contact in Framer

Framer University resources image featuring a digital interface with design elements, showcasing tools and tutorials for Framer users.

Resource by Framer University

for Framer. Created by Nandor Muzsik - Framer University.

Illustration of a physics component interface in Framer, featuring colorful shapes and lines representing various physical concepts.

Physics Component

A physics component for Framer. Made by @mk_wlsn

Framer pattern component by Durmus showcasing a modern design with geometric shapes and vibrant colors on a clean background.

Pattern Component by Durmus

Ininite pattern component for Framer. Made by Durmus Kavcioglu.

Colorful particle effects in a dynamic animation for Framer, showcasing vibrant graphics against a dark background, ideal for web design elements.

Particles for Framer

Framer Component by Benjamin

Framer University: Parallax design showcasing layered visuals and smooth scrolling, highlighting modern web design techniques in a stylish interface.

Parallax by Framer University

Parallax effect in Framer. Created by Nandor Muzsik - Framer University.