Monolith Aurora
A vertical 'curtain' aurora effect with liquid folding logic and premium specular shine, creating a mercury or silk-like appearance.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #0a0a0a | Deepest background (Black/Dark Gray) |
| waveColor | string | #d1d1d1 | The moving liquid (Silver/White) |
| speed | number | 0.6 | Flow speed |
| intensity | number | 0.8 | How bright the shine is |
When to Use
Ideal for 'Apple-style' dark mode landers where you need a sense of premium texture, silver waves, or a monochromatic 'monolith' feel.
Best Practices
Use with light mode text and thin, elegant typography. The silver highlights create a sense of metallic depth that works beautifully with minimal UI.
Why This Component Matters
Standard aurora effects often look like blurry green blobs. This 'Monolith' version uses domain warping and specular mapping to create sharp 'folding' logic, making it feel more like real liquid mercury or silk than just colored gas.
FAQ
QCan I make it colorful?
Yes, pass any vibrant color to `waveColor` (like Emerald or Cyan) to turn the silver waves into a traditional aurora effect.
QWhat is 'folding' logic?
It refers to the way the shader warps space-time coordinate systems to simulate physical creases and folds in a surface.
QIs it responsive?
Yes, it uses an internal aspect-ratio correction to ensure the vertical curtain look remains consistent on all screen resolutions.
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.