Effects

Animate characters, words, lines, and elements with real-time previews. Choose presets or create custom effects with properties like Scale, Blur, and Offset. Trigger animations on Appear, Layer In View, or Section In View.

Design interactive cursors using components, with infinite ways to customize. Tap into the power of Variants, Effects, and Transitions to design interactions with an incredible fidelity.

The Creative Section to the Insert Panel, with fun components and presets that you can use to bring your sites to life. You might recognize a few of these from framer.supply—we have redesigned and reimplemented these.

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.

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