Component theme

Cards

9 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• 3D Tilt ParallaxDark card tilts in 3D toward the cursor; badge, orb, and text layers float at distinct Z-depths. A radial shine tracks the pointer; auto-rotates when idle.
• Frosted GlassA frosted glass card floats over three slowly drifting color blobs (gold, cream, tan); the panel lifts slightly on hover.
• Spotlight HoverDark card with a peach radial glow and a CSS-masked grid that both track the cursor; auto-orbits when the pointer is away.
• Gradient-Border GlowDark card framed by a spinning conic powder-blue, tan and slate gradient border with a soft blurred aura glow behind it; auto-rotates continuously.
• Reveal on HoverDark gradient card that dims and zooms its background art on hover while a hidden title-and-copy panel slides up from the bottom.
• Holographic IridescentA 3D-tilting card with a warm iridescent sheen and conic foil chip that shift with pointer position; drifts idly when not hovered.
• Stacked Peeking CardsThree layered gradient cards auto-cycle and fan out with a springy rotation on hover; cards spread left and right then restack when cursor leaves.
• Image Zoom + Caption RiseA card with a conic-gradient art panel that scales up on hover while an eyebrow label and title rise into view from beneath a dark gradient shade.
• Holographic Foil CardA dark card tilts in 3D up to 20deg as the pointer moves over it; rainbow foil gradient and radial glare shift with cursor position via CSS custom properties.