Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Progressive Blur

progressive-blur

Top and bottom progressive blur overlays that stack multiple backdrop-filter layers to produce a smooth edge-to-transparent blur effect.

Couldn't load the source right now — try refreshing.
4 other registries

Similar components

Other registries' take on progressive-blur.

Layered backdrop-blur overlay that progressively fades content at container edges

The Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below or above.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

No preview for demo-progressive-blur yet — open it to see the code.

Scrollable content with progressive blur overlays at the top and bottom edges.

Open