About this Component
Ships with 9 ready-made palettes (Aurora, Sunset, Mono, Ocean, Ember, Violet, Forest, Ice + fully Custom) and fine-grained controls over motion, distortion, glow, and vignette.
It's built to be lightweight: the animation pauses automatically when scrolled out of view to save GPU and battery, and renders a clean static frame for thumbnails and exports.
How to use
Drag Liquid Aurora onto the canvas (set it to fill its frame, or stretch it fullscreen).
Pick a palette — or choose Custom and set your own colors.
Adjust Speed, Distortion, Glow, and Vignette to taste.
Place your content in a frame above it.
Features
Real-time WebGL shader — smooth on any modern device
9 curated palettes + custom tri-color mode (Color A / Color B / Accent)
Organic pointer/touch interaction (toggle + strength)
Controls: Speed, Distortion, Layers, Glow, Vignette
Auto-pauses off-screen; static preview for thumbnails & export
Responsive, retina-aware, works as a fixed or section background
