design-infraReport a problem or share feedback← Catalog
Edge Blur
freecult-ui/edge-blur
Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges
$
npx shadcn@latest add @cult-ui/edge-blur- Source
- Cult UI
- Kind
- component
- Categories
- misc
- Use as
- wrapper — wraps your existing element
- Applies to
- imagecarouselcard
- Motion
- not tagged (static or unknown)
- Licence
- MIT (nolly-studio/cult-ui). Pro blocks/templates at pro.cult-ui.com are paid — not catalogued.
- Live demo
- www.cult-ui.com
- Docs
- www.cult-ui.com
Similar
Compare all 4 →- Progressive Blursmoothui/progressive-blur♥ The user wants more interesting live homepage examples and shared this surface effect. Show it over a scrollable UI with readable controls outside the blur; it is a static surface effect, not a loading animation. — Layered CSS backdrop blur for fading scroll-container edges and decorative surfaces. It is not a loader or a continuous animation. Keep text, focus targets and controls outside the strongest blur; the decorative overlay must not intercept interaction. Hosted demo includes a real scroll container and blur controls.
- Gradual Blurreact-bits/gradual-blurProgressively un-blurs content based on scroll or trigger creating a cinematic reveal.
- Apple Cards Carouselaceternity/apple-cards-carouselApple-style card carousel that expands into a detail view.