CARD_01
INTERACTION
LIBRARY.
TYPE
VIBE
TECH
COMPLEXITY
PLATFORM
017 RESULTS
SPOTLIGHT
Move the cursor across this surface.
INTERACTION_007CSS + JS
Mouse Spotlight Card
A soft radial light follows the cursor across the surface.
Cards / LightView
TILT / 6°
INTERACTION_008CSS + JS
3D Tilt Card
Perspective tilt that responds to pointer position.
Cards / MediumView
BORDER BEAM
INTERACTION_093CSS
Expandable Card
A card grows in place to reveal its detail without a page change.
Cards / LightView
INTERACTION_095CSS
Horizontal Scroll Cards
A snap-scrolling row that reveals cards with depth as they pass.
Cards / MediumView
INTERACTION_096CSS
Glass Reflection Card
A soft reflection sweeps across the glass surface on hover.
Cards / LightView
INTERACTION_097CSS + JS
Cursor Reactive Card
The card content shifts subtly with pointer position.
Cards / LightView
INTERACTION_098CSS
Image Reveal Card
The image uncovers from behind the card copy on hover.
Cards / LightView
INTERACTION_099CSS + JS
Card To Modal Transition
The card expands into a modal from its own position.
Cards / MediumView
PRO
$49
INTERACTION_100CSS
Floating Feature Card
A key card breathes gently above the grid to signal importance.
Cards / LightView
INTERACTION_101CSS
Bento Grid Interaction
Hovering one tile dims and recedes the rest of the grid.
Cards / LightView
PRO
$49
INTERACTION_102CSS
Pricing Card Emphasis
The recommended plan lifts, brightens and holds a moving border.
Cards / LightView
“Shipped in a day”
INTERACTION_103CSS
Testimonial Carousel
Quotes cross-fade and slide with an auto-advancing rhythm.
Cards / LightView
INTERACTION_104CSS
Comparison Card Transition
Two states swap inside the same card frame.
Cards / LightView