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
tsxSpotlight card
tsxMagnetic pull
tsxBorder glow follow
tsxCursor trail
tsxParallax layers
tsxTransitions
Lifts, scales, flips, reveals and staggered children. Everything animates transform and opacity only, so it stays on the compositor.
Lift
tsxScale
tsxRotate
tsxSkew
tsxGlow ring
tsxSaturate
tsxBlur siblings
tsxImage zoom
tsxOverlay reveal
tsxFlip card
tsxChangelog
Added 9 new categories, 300+ components and a rebuilt gallery engine.
Expand height
tsxStagger children
tsxMaterials
Conic borders, travelling beams, glass, grain and corner frames — the finishes that make a card look deliberate.
Conic border
tsxTravelling beam
tsxGradient hairline
tsxGlass blur
tsxInner shadow
tsxCorner accents
tsxNoise overlay
tsxShine sweep
tsxAmbient
Marquees, floats, breathing glows and orbits. All keyframe-driven and disabled automatically under prefers-reduced-motion.
Marquee row
tsxDeploy succeeded
New signup
PR merged
Deploy succeeded
New signup
PR merged
Vertical ticker
tsxFloat
tsxBreathing glow
tsxWobble on hover
tsxShake on hover
tsxJelly press
tsxOrbiting dot
tsx