Gravitas
A Framer coverflow carousel that moves cards through 3D space with spring transitions, drag navigation and optional autoplay.
About Gravitas
Gravitas gives the current card a front-facing position while its neighbors recede through rotation, scale and depth. Visitors can drag the sequence or bring a side card forward with a click.
The motion uses Framer Motion springs, including the pagination indicators. A separate canvas placeholder keeps editing distinct from live playback, while property controls expose the perspective and spacing that define the coverflow arrangement.
Component details
Presents images in a navigable 3D coverflow arrangement.
Navigate by dragging, clicking a side card or enabling autoplay with a custom delay.
Cards beyond three positions from the active item are hidden; the editor uses a ghost placeholder.
Rotation, scale falloff, perspective, card dimensions, spacing, fonts, colors and radius are editable.
The outer carousel fills its container, while card width and height remain separately adjustable.
Copy the component into Framer. It uses Framer Motion springs and accepts image URLs or Framer responsive-image objects.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.