Skip to content

component

Tilt Card Group

By Jephthah Ledum

Details

Summary

3D Tilt Cards With Depth & Glow.

Description

Overview Tilt Card is a fully interactive, deeply customizable card component built for Framer. Each card responds to the user's cursor with a smooth 3D tilt, a shimmer highlight that follows the mouse, and a soft color glow that pulses on hover — all driven by native browser APIs with no external dependencies. The component ships with three pre-built card styles out of the box — Violet, Rose, and Teal — but every visual property is exposed in the properties panel, so you can make it match any brand in minutes. What's Included Unlimited cards — add or remove cards freely from the properties panel. No cap. 3D tilt interaction with configurable angle, perspective, and return spring Per-card shimmer layer that tracks the cursor position in real time Hover glare, mesh gradient layer, noise texture, and colored box shadow — all individually toggleable Four custom cursor styles per card: Plus, Asterisk, Circle, and Square — plus the Default browser cursor Cursor follows the mouse with a smooth, weighted lag (adjustable per card) Logo block that accepts either a text glyph or a custom image — never both simultaneously Clickable arrow button with a URL link field per card Fully fluid layout — cards shrink gracefully on small screens and grow vertically to fit long content Every property grouped into labelled sections with plain-language descriptions so you always know what you're editing

Introduction

3D Tilt Cards With Depth & Glow.

Rank history

Daily rank per list, from the first snapshot — lower is better.

11012013013368/148/228/309/79/15
  • All · #336