Uilora Vortice Aero
A high-fidelity atmospheric swirl simulation with glowing cyan streaks and deep oceanic layering.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | #00d4ff | The glowing streak color |
| secondaryColor | string | #020617 | The deep background void |
| vorticity | number | 0.5 | Intensity of the swirl motion |
| speed | number | 0.8 | Fluid velocity |
When to Use
Excellent for tech dashboards, AI-themed landing pages, or high-performance SaaS sites that want to convey 'intelligence' or 'data flow'.
Best Practices
Use with glowing, high-tech accents in your UI. The cyan tones work best with neon-styled components and dark, navy backgrounds.
Why This Component Matters
Vorticity simulation adds a layer of intelligence and complexity to a simple background. By using ridged noise for 'filaments', this shader creates a unique aesthetic that feels both organic and cybernetic.
FAQ
QWhat are 'Filaments'?
These are the sharp, glowing streaks that simulate air currents or electrical pulses within the vortex.
QDoes the mouse change it?
Absolutely. The cursor acts as an anchor point that pulls the center of the vortex, allowing users to physically 'tug' on the atmosphere.
QIs the grain adjustable?
The shader includes a built-in star-like grain that creates small 'atmospheric dust' particles for added depth.
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.