Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Progressive Blur

progressive-blur

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

Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

2 other registries

Similar components

Other registries' take on progressive-blur.

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.

Example showing progressive blur effect for scrollable content.

@magicui

More from @magicui