Ripple

An animated ripple effect typically used behind elements to emphasize them.

Library

Magic UI

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @magicui/ripple

Files

• apps/www/registry/magicui/ripple.tsx

Source

https://github.com/magicuidesign/magicui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Pattern Background Components
• React Pattern Background Components
• Tailwind CSS Pattern Background Components
• Animated Pattern Background Components

More from Magic UI

• Animated Grid Pattern
• Dot Pattern
• Flickering Grid
• Glyph Matrix
• Grid Pattern
• Hexagon Pattern
• Interactive Grid Pattern
• Retro Grid
• Striped Pattern
• Android
• Animated Beam
• Animated Circular Progress Bar