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 05

Framer Code Components

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

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.

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

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