Ripple Distortion

Pointer-driven water displacement that warps content and leaves a decaying wake.

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/RippleDistortion

Files

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

Source

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

Categories

• Backdrop Components
• React Backdrop Components
• Animated Backdrop Components
• Effect Components
• React Effect Components
• Animated Effect Components
• Image Effect Components
• React Image Effect Components
• Animated Image Effect 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
• Crtwarp
• Chroma Grid
• Color Bends
• Cubes
• Dark Veil