SnapRail

SnapRail is an infinite, center-snap carousel for Framer. Add images, titles, and links, and let visitors drag, scroll, or click through your items, each one clickable straight through to its own destination.

Items scroll in an endless loop with no visible seam, snapping to center as you drag, scroll, or use arrow keys. The active item's title reveals below it while others fade away.

WHAT IT DOES Add items, each with an image, title, and link. Drag, scroll, or use the keyboard to move through the set. The centered item sits at full scale while neighbors shrink and dim. Clicking the active image opens its link directly. Cut-corner arrow buttons flip diagonal and invert color on hover.

KEY FEATURES

• True infinite loop in both directions, no visible reset or jump

• Center-snap scrolling with smooth momentum

• Active item title reveal, other titles fade to keep focus centered

• Click-through images, each item links to its own destination

• Cut-corner hover-flip arrow buttons with adjustable corner radius

• Mouse drag, keyboard arrow keys, and native scroll snap support

• Full color controls for background, text, accent, and surface

• Adjustable item width and gap for any layout density

• Supports up to 20 items

• Reduced-motion support for accessibility

• Zero third-party dependencies, single self-contained code component

WHY IT WORKS Most carousels loop clumsily or skip the polish that makes browsing feel good. SnapRail handles the loop with clean modulo math under the hood, so it always feels seamless.

PERFECT FOR Portfolios, product showcases, client logos, team members, case studies, album or track covers, and any Framer site presenting a browsable set of clickable items.

WHAT'S INCLUDED A single drop-in code component. Add up to 20 items with image, title, and link, then tune colors, spacing, and corner cut through property controls.