Uilora Cloud Background
A high-fidelity domain-warped noise field that creates the appearance of swirling nebula clouds or marble veins.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #000000 | Deep sky/background color |
| cloudColor | string | #ffffff | Color of the swirling veins |
| speed | number | 0.2 | Animation flow speed |
| intensity | number | 1.8 | Vein contrast and thickness |
When to Use
Ideal for heroic backgrounds, cosmic themes, and luxury brand websites that want a smooth, evolving structural backdrop.
Best Practices
Pair with thin, elegant typography and high-contrast overlays to make the marble effect truly pop.
Why This Component Matters
Domain warping allows one noise function to distort another, creating complex fluid-like shapes that feel much more natural than standard Perlin noise.
FAQ
QDoes it respond to mouse?
Yes, the mouse acts as a subtle 'Wind' that pushes and pulls the cloud coordinates in real-time.
QCan it be a primary background?
Absolutely, it is designed to be non-distracting but deeply engaging when noticed.
Related Components
Interstellar Fluid Hero
Interactive fluid simulation creating cosmic nebula effects with mouse interaction. Deep space aesthetic with animated gas clouds and star trails.
Interstellar Background Hero
Warp tunnel effect simulating high-velocity travel through nebular clusters. Procedural WebGL engine with mouse-responsive space distortion.
Liquid Chrome Hero
Procedural simulation of molten chrome alloys with velocity-based distortion. Interactive liquid metal surface with specular highlights.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.