Uilora Glass Melt
Stunning liquid glass refraction with interactive domain warping and edge highlights.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | #050505 | Primary glass tint |
| accentColor | string | #1a1a1a | Flowing refraction color |
| fluidity | number | 0.5 | How fast the liquid moves |
| refraction | number | 0.4 | Intensity of distortion |
When to Use
Excellent for hero sections that need to feel physically alive and responsive to user input.
Best Practices
Use deep, similar tones for primary and accent colors to ensure the highlights (specular) stand out as the 'glass' surface.
Why This Component Matters
Liquid dynamics are difficult to achieve smoothly. This implementation uses layered simplex noise to simulate complex fluid flow with zero performance cost.
FAQ
QIs the mouse movement lagging?
No, the component includes a built-in lerp (linear interpolation) for mouse input to create a smooth 'dragging' feel.
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.