Search

Developers

Search

Examples

Components and demos to remix.

SVG Animation

Animate single graphic paths.

Morpher

Animate between solid shapes.

Heading

Create fluid, viewport-scaled headings.

Particles

Add interactive particles.

Globe

A customizable WebGL globe.

Patterns

Add repeatable CSS and SVG patterns.

Autoplaying Component

How to create smart components that animate automatically

Autoplaying Component

How to create smart components that animate automatically

Autoplaying Component

How to create smart components that animate automatically

Carousel Component

Make a custom carousel using smart components

Carousel Component

Make a custom carousel using smart components

Carousel Component

Make a custom carousel using smart components

Drag Override

Make any layer draggable using a motion div

Drag Override

Make any layer draggable using a motion div

Drag Override

Make any layer draggable using a motion div

Set Variants on Scroll

Change variants of a component by scrolling

Set Variants on Scroll

Change variants of a component by scrolling

Set Variants on Scroll

Change variants of a component by scrolling

Animate Navbar Items

Animate active items in a navbar while scrolling to their sections

Animate Navbar Items

Animate active items in a navbar while scrolling to their sections

Animate Navbar Items

Animate active items in a navbar while scrolling to their sections

Hide Navbar on Scroll

Animate a navigation bar when scrolling past a specific section

Hide Navbar on Scroll

Animate a navigation bar when scrolling past a specific section

Hide Navbar on Scroll

Animate a navigation bar when scrolling past a specific section

Parallax Effect

Create simple parallax backgrounds using Scroll Speed effects

Parallax Effect

Create simple parallax backgrounds using Scroll Speed effects

Parallax Effect

Create simple parallax backgrounds using Scroll Speed effects

Icon Menu

Create reusable menu bars with SVGs or Graphics

Icon Menu

Create reusable menu bars with SVGs or Graphics

Icon Menu

Create reusable menu bars with SVGs or Graphics

Spline Embed

Embed interactive 3D designs from Spline

Spline Embed

Embed interactive 3D designs from Spline

Spline Embed

Embed interactive 3D designs from Spline

Ripple Components

Animating ripples you can copy and paste anywhere

Ripple Components

Animating ripples you can copy and paste anywhere

Ripple Components

Animating ripples you can copy and paste anywhere

Step into the future of design

Join thousands of designers and teams using Framer to turn ideas into high-performing websites, fast.

Get started for free