Uilora Carbon Vapor
A cinematic smoke simulation with deep charcoal tones and sharp metallic silver highlights.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #050505 | Deepest background color |
| vaporColor | string | #555555 | The smoky highlight color |
| speed | number | 0.5 | Vapor flow speed |
| swirl | number | 2.0 | Intensity of the curls |
| intensity | number | 1.5 | The metallic glint amount |
When to Use
Perfect for high-end cinematic landings, luxury product reveals, or any dark-mode project needing a sophisticated, smoke-like atmosphere.
Best Practices
Works best as a full-page background or a hero section backdrop. Keep the `intensity` low for a more subtle, natural smoke effect.
Why This Component Matters
Smoke simulations in shaders often look either too simple or too heavy. This 'Carbon' version uses high-contrast noise mapping and metallic specular highlights to create a premium, high-fidelity look that mirrors cinematic special effects.
FAQ
QIs it truly atmospheric?
Yes, the smoke folds use domain warping to simulate multi-layered depth, making it feel 3D and immersive.
QCan I use it for colorful smoke?
Absolutely. Change `vaporColor` to any vibrant hex code (like #ff0055) for a neon-smoke aesthetic.
QHow does it interact with the mouse?
It features a subtle mouse follow effect that shifts the viewport perspective rather than strictly warping the smoke.
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.