React Blur Overlay Components

Dev Design Library indexes 8 React blur overlay components from 8 open-source UI libraries, with the most coming from Cult UI, Spectrum UI, Magic UI, React Bits and beUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Blur overlay components belong to the Effects group.

• Gradual BlurReact Bits · ReactProgressively un-blurs content based on scroll or trigger creating a cinematic reveal.
• Progressive BlurMagic UI · ReactThe Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below…
• Edge BlurCult UI · ReactStacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges
• Progressive BlurLobe UI · React
• LiquidbeUI · ReactGooey container (Liquid and LiquidItem): items placed inside merge into one liquid silhouette through an SVG filter.
• Locked FeatureSpectrum UI · ReactA paywall over a blurred preview of the feature it is selling.
• Frost BlurredSpaceUI · ReactStacked, masked backdrop-filter layers that frost content along an edge.
• Progressive BlurSora UI · ReactA stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for fading content under a fixed…

Libraries with React blur overlay components

• Cult UI
• Spectrum UI
• Magic UI
• React Bits
• beUI

Related categories

• Blur Overlay Components
• Tailwind CSS Blur Overlay Components
• Animated Blur Overlay Components
• React Effect Components
• React Image Effect Components
• React Transition Components
• React Cursor Effect Components
• React Marquee Components
• React Mask Effect Components
• React Reveal Wrapper Components
• React Border Effect Components
• React Glow Effect Components
• React Spotlight Effect Components
• React Tilt Effect Components
• React Confetti Components