Uilora Frosted Glass
Elegant sandblasted glass effect with organic moving blobs and premium film grain texture.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| baseColor | string | #080808 | Main background color |
| accentColor | string | #222222 | Color of moving blobs |
| speed | number | 0.3 | Speed of organic movement |
| grainAmount | number | 0.05 | Intensity of frosting (0.0-0.1) |
When to Use
Ideal as a sophisticated background for high-end portfolio items, luxurious blog sections, or premium SaaS components.
Best Practices
Keep the grain amount subtle (around 0.05) to avoid a 'noisy' look while maintaining the tactile frosted feel.
Why This Component Matters
Standard backdrop-blur is often too clean. Adding procedural grain and organic movement makes the digital surface feel physically grounded.
FAQ
QHow is the grain generated?
The grain is calculated per-pixel using a high-frequency hash function in the fragment shader.
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.