Explore Spark UI's complete collection of expressive, motion-rich components. Select one to open its documentation.
New Components
Dynamic Island
A functional iPhone-inspired island that morphs between compact and expanded content.
Hello
An Apple-style welcome greeting that cycles through languages with a soft blur crossfade.
Keyboard
A two-tone mechanical keyboard with 3D press animations and physical key highlighting.
Masonry
An animated masonry grid that lays out image items by explicit height, with configurable entry and hover animations.
Widget Stack
A stack of small or medium widgets with vertical snap scrolling and page dots.
All Components
Animated Gradient
WebGL-powered animated mist, lava, and plasma backgrounds with smooth silk-like flowing streams.
Basic Number Ticker
An animated number ticker component with customizable start, target, transitions, and callbacks.
Dynamic Island
A functional iPhone-inspired island that morphs between compact and expanded content.
Ghost Ether
WebGL-powered interactive fluid simulation with dynamic FBM mist and wandering spirit force trails using three.
Hello
An Apple-style welcome greeting that cycles through languages with a soft blur crossfade.
Image Trail
A framed mouse-tracking image trail with momentum, captions, and customizable styling.
Interactive Pets
A playful draggable cat with feeding reactions and idle animations.
Keyboard
A two-tone mechanical keyboard with 3D press animations and physical key highlighting.
Logo Carousel
A beautiful, high-performance scrolling logo carousel component with pausing, custom directions, speed, and fade effects.
Masonry
An animated masonry grid that lays out image items by explicit height, with configurable entry and hover animations.
QR Code
A beautiful QR code component with dot styling, gradient support, and extensive color customization.
Receipt
A polished payment receipt with ticket details, card information, and a decorative barcode.
Shimmer Text
A premium text component with an elegant shimmer animation effect.
Spotify Card
A premium Spotify card with real-time metadata and morphing animations.
Tactile Highlight
A fluid text highlight component that reacts to viewport visibility and user interaction.
Widget Stack
A stack of small or medium widgets with vertical snap scrolling and page dots.