Component library

Find your starting point.

Practical guides for every documented component. Choose yours to get set up, explore its controls, and refine the details.

All components 10

Framer Code Components

Turn app screenshots into an image-led chapter rail with depth, swipe navigation, and a matching story panel.

Present selected projects as an interactive arc of editorial cards with drag, keyboard navigation and editable project links.

A cursor-led image portal combining localized chromatic separation, subtle perspective and an interactive mask that reveals a second image.

Explain software with scroll-synced code, visual previews, line highlights, annotations and diffs.

Present one product across Phone, Tablet, and Desktop inside a single transforming device frame.

Play uploaded audio or direct audio URLs in a compact player that expands into artwork, playback controls, and a track queue.

Interactive world map with selectable locations, curved routes, a detail panel, and coordinated motion in Flat and Globe views.

Present a scheduled launch through Teaser, Preorder, Live, and Closed phases with a countdown, changing CTA, and optional manual availability meter.

A floating section navigator with a liquid active indicator, scroll tracking, three visual presets, optional progress and a compact mobile menu.

Turn a product demo into a scroll-synced story: a sticky screen, chapter text, accent colour, and a progress line that move together.