Uilora Ink Grain
A viscous liquid simulation that combines domain-warped clouds with high-precision micro-ink particles.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #050505 | Liquid depth color |
| inkColor | string | #ffffff | Ink particle color |
| viscosity | number | 0.4 | Heaviness of the liquid flow |
| grainDensity | number | 0.6 | Particle visibility |
| turbulence | number | 0.5 | Mouse-driven stir amount |
When to Use
Best for artistic headers, brand storytelling sections, and 'Hand-crafted' digital experiences.
Best Practices
Use a slow `viscosity` to give the background a heavy, premium feel. The grain is most visible in the 'Mid-range' of the noise layers.
Why This Component Matters
It mimics the way powdered ink dissolves in water, creating a tactile texture that bridges the gap between digital and physical art.
FAQ
QIs the interaction smooth?
It uses heavy lerping (0.03) to ensure the mouse interaction feels like stirring a thick liquid like oil or honey.
QCan I use bright colors?
Yes, but deep charcoal or navy bases usually yield the most authentic ink-in-water aesthetic.
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.