Made in Framer

Examples

Components and demos to remix.

Examples

Components and

demos to remix.

SVG Animation

Animate single graphic paths.

SVG Animation

Animate single graphic paths.

SVG Animation

Animate single graphic paths.

Morpher

Animate between solid shapes.

Morpher

Animate between solid shapes.

Morpher

Animate between solid shapes.

Heading

Create fluid, viewport-scaled headings.

Heading

Create fluid, viewport-scaled headings.

Heading

Create fluid, viewport-scaled headings.

Particles

Add interactive particles.

Particles

Add interactive particles.

Particles

Add interactive particles.

Globe

A customizable WebGL globe.

Globe

A customizable WebGL globe.

Globe

A customizable WebGL globe.

Patterns

Add repeatable CSS and SVG patterns.

Patterns

Add repeatable CSS and SVG patterns.

Patterns

Add repeatable CSS and SVG patterns.

Autoplaying Component

How to create smart components that animate automatically

Carousel Component

Make a custom carousel using smart components

Drag Override

Make any layer draggable using a motion div

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

Hide Navbar on Scroll

Animate a navigation bar when scrolling past a specific section

Parallax Effect

Create simple parallax backgrounds using Scroll Speed effects

Icon Menu

Create reusable menu bars with SVGs or Graphics

Spline Embed

Embed interactive 3D designs from Spline

Ripple Components

Animating ripples you can copy and paste anywhere

Company

About

Careers

Cookies

Security

Privacy

Abuse

Charges

Terms

Product

Learn

Plugins

Awards

Agencies

Startups

Freelancers

Pricing

Templates

New

Free

Agency

Blog

Brand Guidelines

Changelog

Landing Page

Personal

Photography

Podcast

Portfolio

Splash Page

Startup

Web3

3D

Resources

Desktop Apps

Figma Plugin

Partner program

Webflow vs. Framer

Support

Updates

Community

Business

Contact

Link to Twitter feed
Link to YouTube channel
Link to Instagram feed
Link to Dribbble shots

Framer B.V. © 2023

Company

About

Careers

Cookies

Security

Privacy

Abuse

Charges

Terms

Product

Learn

Plugins

Awards

Agencies

Startups

Freelancers

Pricing

Templates

New

Free

Agency

Blog

Brand Guidelines

Changelog

Landing Page

Personal

Photography

Podcast

Portfolio

Splash Page

Startup

Web3

3D

Resources

Desktop Apps

Figma Plugin

Partner program

Webflow vs. Framer

Support

Updates

Community

Business

Contact

Link to Twitter feed
Link to YouTube channel
Link to Instagram feed
Link to Dribbble shots

Framer B.V. © 2023

Company

About

Careers

Cookies

Security

Privacy

Abuse

Charges

Terms

Product

Learn

Plugins

Awards

Agencies

Startups

Freelancers

Pricing

Templates

New

Free

Agency

Blog

Brand Guidelines

Changelog

Landing Page

Personal

Photography

Podcast

Portfolio

Splash Page

Startup

Web3

3D

Resources

Desktop Apps

Figma Plugin

Partner program

Webflow vs. Framer

Support

Updates

Community

Business

Contact

Link to Twitter feed
Link to YouTube channel
Link to Instagram feed
Link to Dribbble shots

Framer B.V. © 2023

Framer

Why Framer

Templates

Community

Resources

Awards

Business

Pricing

Publish your site for free

Framer

Start for free

Framer

Start for free