Uilora Vanta Vapor
An ultra-dense, high-contrast smoke effect with pure white highlights and deep void-like shadows.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| smokeColor | string | #ffffff | Highlight/Smoke color |
| voidColor | string | #000000 | Background/Void color |
| density | number | 8.0 | Thickness of the smoke layers |
| speed | number | 0.6 | Rising speed |
| opacity | number | 1.0 | Overall visibility |
When to Use
Ideal for 'Apple-style' dark mode landers where you need a sense of premium texture, sharp contrasts, and a monochromatic 'void' feel.
Best Practices
Stick to monochromatic palettes for the most 'Vanta' look. High `density` values create a thicker, more opaque smoke cloud.
Why This Component Matters
Vantablack refers to a material that absorbs almost all light. This shader replicates that high-contrast delta by layering extremely dark shadows against razor-sharp highlights, providing a deep, high-fidelity aesthetic.
FAQ
QWhat represents the 'Void'?
The `voidColor` allows for deep, high-contrast areas that make the smoke layers appears significantly more dramatic.
QIs there a mouse effect?
Yes, the mouse acts as a subtle 'current' that pushes the smoke trails dynamically as you move.
QHow many layers are simulated?
It uses a 6-octave FBM (Fractal Brownian Motion) system to create the characteristic 'thick' smoke texture.
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.