Components
Browse expressive components that can be installed from the vivid-layer registry.
Every item below has passed the same release gate: a working preview, documented public API, complete source, and a Registry installation check. Open a component to explore its preview, API, and installation instructions.
Button
Displays a button or a component that looks like a button.
Mesh Gradient
A fluid blue-green mesh gradient for polished product surfaces.
Static Mesh Gradient
A precise multi-color mesh gradient for polished static and gently animated surfaces.
Static Radial Gradient
A configurable radial color field with focal, distortion, and grain controls.
Dithering
An animated two-color dithering effect for graphic backgrounds and transitions.
Grain Gradient
A warm animated grain gradient for atmospheric visual surfaces.
Dot Orbit
A field of colored dots that orbit their cells with continuous motion.
Dot Grid
A crisp static grid of configurable geometric dots.
Warp
Layered color fields warped into fluid checks, stripes, and edges.
Spiral
Animated color bands arranged into a configurable spiral field.
Swirl
Flowing bands of color twisted into arcs and vortex forms.
Waves
A static line pattern that ranges from sharp zigzags to smooth waves.
Neuro Noise
A deep cyan-violet noise field for expressive AI visuals.
Perlin Noise
A soft animated Perlin noise field for organic color motion.
Simplex Noise
A smooth multi-color simplex noise field with continuous movement.
Voronoi
Animated Voronoi cells with configurable gaps, color steps, and glow.
Pulsing Border
A luminous animated border that follows the edges of its canvas.
Metaballs
Soft color fields that merge into animated organic forms.
Color Panels
Translucent color panels rotating around a dimensional central axis.
Smoke Ring
A luminous ring shaped from animated smoke and color.
God Rays
Animated volumetric rays for luminous atmospheric surfaces.
Paper Texture
A tactile paper and print treatment for images and color surfaces.
Fluted Glass
A ribbed glass image distortion with configurable highlights and blur.
Water
A caustic water distortion for images and standalone animated surfaces.
Image Dithering
A graphic two-color dithering filter for photographic images.
Halftone Dots
A configurable dot-screen halftone treatment for images.
Halftone CMYK
A layered CMYK print-screen treatment for images.
Heatmap
An animated heatmap treatment shaped by a transparent logo or image.
Liquid Metal
A reflective liquid-metal treatment for transparent logo shapes.
Gem Smoke
Glassy animated color and smoke contained by a transparent logo shape.