Effects
Cinematic effects you can drop into any Once UI page.
Hover to play, open one to tweak it live. Every effect is a single React component with no setup, and Pro members copy the source straight from here.
Get Pro
Black Hole
WebGL 2
A ray-traced black hole with a thick, lensed accretion disk. Set the disk temperature from ember orange to blue-violet.
Nebula
WebGL 2
A stellar nursery: glowing hydrogen and oxygen hollowed out by young stars, with dark dust pillars and telescope diffraction spikes. Set how much dust threads through it.
Aurora
WebGL 2
The northern lights from the ground: ray-marched curtains that fold across the sky, green at the hem and violet above, with rays converging overhead.
Particle Morph
WebGL 2
Thousands of particles flowing between words, logos or icons, scattering away from the pointer. Coloured from your theme.
Liquid Glass Orb
WebGL 2
A drop of refractive glass that bends a drifting backdrop of your theme colours, splits light at its rim, and wobbles like liquid under the pointer.
Signal Globe
Canvas 2D
A dotted halftone Earth that turns slowly while signals arc between cities and land in rippling rings. Pass your own routes as latitude and longitude.
Warp Tunnel
WebGL 2
A starfield that jumps to hyperspace: hold to stretch the stars into starlines and punch into a tunnel of light, let go to drop out.
Ink Bloom
WebGL 2
Ink dropped into still water: a real fluid simulation where colour blooms from the pointer, curls into soft plumes and fades back into the page.
Solar Flare
WebGL 2
A living sun with boiling granulation, sunspots and arching prominences, where flares flash and hurl coronal mass ejections into space. Click the star to set one off.
Silk
WebGL 2
Satin sheets drifting through the frame, with long glossy highlights along the folds and shadowed creases. Inky on dark pages, pale pearl on light ones.
Lightning
WebGL 2
A night storm over open water: forked bolts flicker out of a heavy cloud ceiling, lighting the clouds from within and glowing off the sea. Click to call a strike down.
Ocean
WebGL 2
The open sea at sunset from just above the water: rolling waves reflect a warm sky, a glittering sun path runs to the horizon, and haze melts the far sea into the sky.
Topography
WebGL 2
A living contour map: crisp hairline contours with heavier index lines over slowly morphing terrain, drawn in your theme's colours on a transparent background.
A product by
Dopler
Search
Ctrl K
Products
Stack
New
Once UI Core
Once UI Blocks
Orbit Core
Free
Magic Portfolio
Magic Docs
Once UI Starter
Once UI Figma
Learn
Pricing
Canvas
Documentation
Roadmap
Changelog
Blog
Handbook
Community
Sponsor Once UI
Showcase
Method
About us
Contact us
Compare
Merch store
Brand assets
Legal
Terms of Use
Privacy Policy
License Agreement
Supported by
© 2026 Dopler. All rights reserved.
Products
Docs
Resources
Pricing
Sign up
Products
Once UI Core
Open-source design system for Next.js apps
Blocks
Copy-paste blocks to build custom solutions quickly
Stack
Eight surfaces, one composable system
Effects
Cinematic WebGL effects, one component each
Docs
Documentation
Once UI Core and apps
Changelog
Recent updates
Roadmap
Future plans
Resources
About
Learn more about Once UI
Method
Become a first-time founder
Brand guidelines
Once UI brand guidelines
Showcase
Built with Once UI
Sponsor Once UI
Keep the open-source core free
Theme
Get Once UI Pro
Build an agentic infrastructure for your business
Get Pro
