Progressive Blur

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

Library

Magic UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @magicui/progressive-blur

Files

• apps/www/registry/magicui/progressive-blur.tsx

Source

https://github.com/magicuidesign/magicui

Categories

• Blur Overlay Components
• React Blur Overlay Components
• Tailwind CSS Blur Overlay Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components

More from Magic UI

• Android
• Animated Beam
• Animated Circular Progress Bar
• Animated Gradient Text
• Animated Grid Pattern
• Animated List
• Animated Shiny Text
• Theme Toggler
• Aurora Text
• Avatar Circles
• Backlight
• Bento Grid