Built-in Components

From icons to interactive video players—components in Framer are the quickest way to build real experiences.

New

webcam preview
Webcam

A real webcam feed

Learn more
Memoji

A range of Memoji preset avatars.

Learn more
Spotify

Embed real songs, playlists, and podcasts in your projects using the brand new Spotify component.

Learn more

Every component at your fingertips.

Did you know all of these components are accessible from the Insert Menu right inside of Framer?

Learn more
Insert Menu

Interface

Button

A fully functioning button with customizable pressed and hover states.

Learn more
Checkbox

An interactive checkbox with a customizable checked and unchecked state.

Learn more
Conic

Choose your own colors, angles, and radius to make custom angular gradients.

Learn more
Cursors

Multi-platform cursors.

Learn more
Input

Add fully functioning input fields with customizable focus and blurred state.

Learn more
Radio Buttons

A fully customizable interactive radio button list.

Learn more
Segmented Control

An interactive segmented control with multiple states and interaction options included.

Learn more
Select

Add an interactive dropdown that allows you to choose from a list of custom options.

Learn more
Slider

Add customizable working sliders.

Learn more
Toggle

A toggle that toggles.

Learn more

Media

Audio

The Audio component lets you play sounds and music in your designs.

Learn more
Avatar

Add avatars to your designs with randomly generated faces or custom images.

Learn more
GIF

Insert GIFs from the Giphy library.

Learn more
Lottie

Use animations from Lottie and Lottie Files in your designs.

Learn more
Spotify

Embed real songs, playlists, and podcasts in your projects using the brand new Spotify component.

Learn more
Video

The Video component lets you add videos from any source to your designs.

Learn more
webcam preview
Webcam

A real webcam feed

Learn more
YouTube

Add embedded YouTube videos to your prototypes.

Learn more

Utility

Loading Indicator

Custom loading spinners.

Learn more
Progress Bar

Animated loading states.

Learn more
Rating

Create a customizable rating interaction.

Learn more
Sticky Note

Leave notes to yourself or your team members.

Learn more
Time & Date

Show the current time and date.

Learn more

Graphics

Feather

The complete collection of icons from Feather.

Learn more
Hero

The complete collection of icons from Tailwind.

Learn more
Humaaans

Mix and match illustrations.

Learn more
Iconoir

The complete collection of Iconoir icons.

Learn more
Material

The complete collection of icons from Material.

Learn more
Memoji

A range of Memoji preset avatars.

Learn more
Phosphor

The complete collection of icons from Phosphor.

Learn more
Twemoji

Add Twemoji to chat apps, reactions, avatars, and anywhere you need a little extra feeling.

Learn more

Community Showcase

Find more examples and project made by the community on the Framer Showcase.

Learn more
Showcase