Uilora Prism Dispersion
Sophisticated RGB chromatic aberration effect with spectral splitting and liquid highlights.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #030303 | Background depth color |
| accentColor | string | #202025 | Moving highlight color |
| dispersion | number | 0.05 | Intensity of RGB splitting |
| speed | number | 0.4 | Flow speed |
When to Use
Ideally suited for photography headers, experimental music sites, or high-concept creative agency portfolios.
Best Practices
Keep the dispersion low (below 0.1) to maintain focus, using it as a subtle edge detail rather than a full-screen distortion.
Why This Component Matters
Chromatic aberration is usually a sign of low-quality lenses, but in digital art, it's used to add a 'raw' photographic quality that feels alive.
FAQ
QHow does the splitting happen?
We sample the noise function three times with tiny offsets for the Red, Green, and Blue channels respectively.
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.