The most popular interactions, bundled.

A library of components, now at your fingertips. Just one click to insert blocks of code, then customize elements to perfection. Design everything from page scrolling and price sliders to an entire virtual reality environment. Components — simple building blocks to power your next design.

View Prototype

Complex scroll effects, made simple.

In today’s best designs, pull-to-refresh or swipe-to-delete animations happen seamlessly. Usually complicated to code, we’ve wrapped the powerful physics into an insertable Scroll Component. All you need to do is tailor to your needs.

View Prototype

Pages that snap to attention.

From snap scrolling and screen animations to view-to-view transitions, the Page Component handles it all. An out-of-the-box solution for all your pagination needs. Simply perfect transitions and add spring curves for effortless motion.

Immense logic, powered by simple sliders.

Sliders are a commonly used input pattern that come with an incredible amount of logic. We wrap ours in the Slider Component, an easy way to offer filter capabilities or even time and price selection. Need to account for min and max values? The Range Slider Component offers more possibilities.

Get a feel for the future, design for VR.

If you’re ready to begin designing for the next frontier, our VR Component is a simple way to dive in. A customizable module that allows you to create and manipulate a virtual enviroment. Stay on top of all the latest trends with Framer Components.

Get Started

Tutorials on how to begin using components to bring your design visions to life.

Read more


A list of ready-made components and modules, maintained by Giedrius.

View List

See how Uber leverages Framer for their user testing.

Read the story