Uilora Silk
A high-end layered flow simulation creating silk folds with a creamy satin shine and subtle grain texture.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | #2d1b69 | The main 'Silk' color |
| secondaryColor | string | #050212 | The deep valley color |
| speed | number | 1.0 | Flow speed |
| interactive | number | 0.5 | Cursor influence (0 to 1) |
| intensity | number | 0.4 | Satin shine amount (0 to 1) |
When to Use
Perfect for fashion, luxury branding, or premium agency sites where an elegant, high-viscosity flow adds a sense of quality and smoothness.
Best Practices
Use with dark, rich colors. The 'viscosity' and satin highlights create a weight that looks best with slow, deliberate animations.
Why This Component Matters
Silk simulations are notoriously difficult to get right without heavy compute. This GLSL implementation uses multiple layers of noise and specular peaks to create a convincing 'satin' feel at minimal performance cost.
FAQ
QIs the grain adjustable?
The grain is subtle and calibrated for a high-end feel, but you can change the intensity by modifying the shader's grain uniform if needed.
QDoes the mouse warp it?
Yes, it features a 'wake' system where the mouse creates a subtle ripple in the silk as you move across it.
QWhat colors work best?
Deep Indigos, Emerald Greens, and Rich Burgundies highlight the satin specular peaks the best.
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.