Glass Scroll Cards

Glass Scroll Cards brings scroll-driven motion and liquid-glass edges to your Framer site. Square image cards move along an adjustable track, with controls for diagonal layouts, momentum, bending and perspective depth.

Features

• Add, remove or reorder up to 24 images.

• Adjust card size, spacing, curve depth, track angle, card rotation and position.

• Control scroll speed, inertia and smoothing independently.

• Add velocity-driven bending and bring cards forward as they pass through the center.

• Fine-tune refraction, chromatic aberration, progressive edge blur, reflections and edge light.

• Use a transparent background or connect a Framer color style.

• Includes reduced-motion support and a static Canvas preview.

Setup

The component responds to vertical page scrolling. Add enough scroll space to your page. For a pinned effect like the demo, place it inside a sticky frame within a taller section, then make the component fill the frame. Customize its Images and motion controls from Framer's properties panel.

License and support

One website per purchase, including personal, commercial or client projects. Standalone resale or redistribution is not permitted.

Support: https://x.com/GabeTognon or gabriel10tognon@gmail.com.