Glassmorphic Auth Card Frosted-glass authentication card with clean Login/Register transitions and light/dark readiness.

Interactive Payment Card 3D flipping payment card with metallic chip and simple card type indication. Light/Dark ready.

Before After Comparison Slider Draggable before/after slider with shimmer handle for visual comparisons. Light/Dark compatible.

Morphing Dialog A card that smoothly expands into a full-screen dialog/modal.

Badge Stack Stack of premium badges with minimal styling.

Morphing Status Button A button that seamlessly morphs between idle, loading, success, and error states using layout animations.

Bento Grid System A highly interactive Bento Grid system with mouse-follow borders, spotlight overlays, and moving laser effects. Perfect for showcasing features or system metrics in a futuristic UI.

Core Stack Theme-aware tech stack section with motion-driven icon capsules. Uses Velocity UI tokens so it adapts cleanly to light and dark.

Holographic Foil Card A premium 3D tilt-reactive card with a shimmering holographic foil effect. Uses Framer Motion for smooth physics and CSS mix-blend-modes for realistic lighting.

Midnight Mercury Button A premium liquid‑metal button with magnetic tilt, gooey mercury shapes, and specular lighting. Built for high‑impact actions and cinematic surfaces.

Particle Dissolve Gallery A WebGL-powered image gallery where transitions dissolve the current image into thousands of interactive particles. Features 4 unique modes: Liquid Metal, Cyber Plasma, Prism Crystal, and Liquid Ethereal.

Confetti Action Button Theme‑aware confetti submit button with 3D tilt physics, success bloom, and animated status transitions. Built with Framer Motion and canvas‑confetti, adapts cleanly to light/dark via design tokens.

Magic Calendar An interactive calendar component with confetti effects and magic date triggers.

Magnetic Tilt Button A 3D magnetic tilt button with specular highlight, etched light beam, and depth layers. Designed for actions where motion and clarity both matter.

Stack Carousel A highly interactive, gesture-driven stack carousel that allows users to swipe through cards with physics-based animations. It features a synchronized detail view with a premium double-bordered glassmorphism design, adapting seamlessly to both light and dark modes.