Tilt Card Group just hit 125 installs — and it's completely free.
When I shipped this, I wanted to build something that felt genuinely premium without locking it behind a paywall. 123 designers have grabbed it since May. That means a lot.
If you haven't tried it yet, here's what you're getting:
The interactions:
3D tilt that responds to your cursor in real time. A shimmer layer that tracks mouse position per card. A soft color glow that pulses on hover. All driven by native browser APIs — no external dependencies, nothing to install, nothing to configure outside Framer.
The customization:
Every visual property is exposed in the properties panel. Accent color, mesh gradients (two layers with directional controls), tilt angle, perspective depth, shimmer radius, glare, noise texture, hover shadow — all individually toggleable. You can go from the default dark aesthetic to something that matches your brand in minutes, without touching a single line of code.
The cursor system:
Each card gets its own cursor style — Plus, Asterisk, Circle, or Square — with adjustable size, color, opacity, stroke, and lag factor. It's one of my favorite details in the whole component.
The layout:
Unlimited cards from the properties panel. The grid reflows automatically when you add or remove one. Cards shrink gracefully on mobile and grow vertically if your content runs long. No manual adjustment needed.
It's free. It always will be. Drop it into your next project and make something great with it.
Tilt Card Group just hit 125 installs — and it's completely free.
When I shipped this, I wanted to build something that felt genuinely premium without locking it behind a paywall. 123 designers have grabbed it since May. That means a lot.
If you haven't tried it yet, here's what you're getting:
The interactions:
3D tilt that responds to your cursor in real time. A shimmer layer that tracks mouse position per card. A soft color glow that pulses on hover. All driven by native browser APIs — no external dependencies, nothing to install, nothing to configure outside Framer.
The customization:
Every visual property is exposed in the properties panel. Accent color, mesh gradients (two layers with directional controls), tilt angle, perspective depth, shimmer radius, glare, noise texture, hover shadow — all individually toggleable. You can go from the default dark aesthetic to something that matches your brand in minutes, without touching a single line of code.
The cursor system:
Each card gets its own cursor style — Plus, Asterisk, Circle, or Square — with adjustable size, color, opacity, stroke, and lag factor. It's one of my favorite details in the whole component.
The layout:
Unlimited cards from the properties panel. The grid reflows automatically when you add or remove one. Cards shrink gracefully on mobile and grow vertically if your content runs long. No manual adjustment needed.
It's free. It always will be. Drop it into your next project and make something great with it.
