Shape Blur

Morphing blurred geometric shape. The effect occurs on hover.

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/ShapeBlur

Files

• src/content/Animations/ShapeBlur/ShapeBlur.css
• src/content/Animations/ShapeBlur/ShapeBlur.jsx

Source

https://github.com/DavidHDev/react-bits

Categories

• Backdrop Components
• React Backdrop Components
• Animated Backdrop Components
• Shader Background Components
• React Shader Background Components
• Animated Shader Background Components

More from React Bits

• Acid Squares
• Aero Shards
• Antigravity
• Aurora
• Balatro
• Ballpit
• Beams
• Chroma Grid
• Color Bends
• Cubes
• Dark Veil
• Dither