The micro-interactions that separate a template from a product. 3D tilts, magnetic pulls, spotlight tracking, conic borders and marquees — hover every tile, they all respond.
Interactive
Move your cursor over these. Each one reads the pointer position and feeds it into a transform or a CSS variable — no animation library involved.
3D tilt
Spotlight card
Magnetic pull
Border glow follow
Cursor trail
Parallax layers
Transitions
Lifts, scales, flips, reveals and staggered children. Everything animates transform and opacity only, so it stays on the compositor.
Lift
Scale
Rotate
Skew
Glow ring
Saturate
Blur siblings
Image zoom
Overlay reveal
Flip card
Changelog
Added 9 new categories, 300+ components and a rebuilt gallery engine.
Expand height
Stagger children
Materials
Conic borders, travelling beams, glass, grain and corner frames — the finishes that make a card look deliberate.
Conic border
Travelling beam
Gradient hairline
Glass blur
Inner shadow
Corner accents
Noise overlay
Shine sweep
Ambient
Marquees, floats, breathing glows and orbits. All keyframe-driven and disabled automatically under prefers-reduced-motion.
Marquee row
Deploy succeeded
New signup
PR merged
Deploy succeeded
New signup
PR merged
Vertical ticker
Float
Breathing glow
Wobble on hover
Shake on hover
Jelly press
Orbiting dot