Uilora Biolume Grain
An organic micro-grain field that breathes and wakes up with bioluminescent glows upon mouse interaction.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #020202 | Background depth color |
| glowColor | string | #ffffff | Bioluminescent grain tint |
| breatheSpeed | number | 0.8 | Natural pulse frequency |
| sensitivity | number | 1.0 | Mouse wakeup intensity |
| grainScale | number | 1024 | Frequency of micro-dots |
When to Use
Perfect for deep, atmospheric interfaces, nature-inspired portfolios, and premium dark modes that need a 'living' texture.
Best Practices
Use near-black base colors and high-contrast glow colors for the most dramatic 'Dark Sea' effect.
Why This Component Matters
Standard grain is static; Biolume Grain breathes. It uses a simplex-mapped pulse that creates a feeling of biological life beneath the surface.
FAQ
QCan I change the grain size?
Yes, increase the `grainScale` for finer, dust-like particles or decrease it for a more digital/pixelated look.
QIs it GPU heavy?
No, it uses a single-pass fragment shader for all noise calculations, making it very performant.
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.