Start for free
Build your first site
Layout & Sizing
Import from Figma
Copy from HTML
Mobile Menu: Fade-In
Horizontal Side Scroller
Responsive Dropdown Menu
Rotating Grid on Scroll
Apple Zoom Scroll Effect
Conditionals & Transforms
Bold & Italic
Staging & Versions
Progress Feature Section
Mastering Code Overrides
Spice up your designs with stunning effects and animations.
Built on top of the View Transitions API, Framer is the first tool in which you can explore page to page animations visually.
In this video, we introduce effects in components. This is a major update that will make it easier to create reusable and animated components.
Light effects make it incredibly easy to add high-fidelity interactions and animations to your site.
In this video, you’ll learn how to create a rotating grid of videos as you start scrolling down the page.
Get ready to make a splash with this wave-tastic tutorial.
Go from a full-screen video to a slideshow of videos by scrolling down the page.
Create a canvas-like website by making the entire website draggable and include elements you can drag around.
Learn how to create video overlays in the following tutorial.