Uilora Iridescent Oil
Luxurious oil-on-water effect with rainbow iridescence, domain warping, and specular highlights.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #050505 | The underlying substrate color |
| speed | number | 0.5 | How fast the oil swirls |
| vibrancy | number | 0.4 | Intensity of rainbow effect |
When to Use
Perfect for fashion, art galleries, or luxury branding that wants to stand out with a sophisticated, ever-changing color palette.
Best Practices
Keep the backdrop dark (#050505) to allow the interference patterns of the 'oil' to be visible without washed-out highlights.
Why This Component Matters
True iridescence is a complex light behavior. This shader uses cosine gradients to simulate thin-film interference in real-time.
FAQ
QCan I adjust the colors?
The rainbow palette is based on a mathematical cosine gradient, ensuring harmonious transitions no matter the input.
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.