An animated ripple effect typically used behind elements to emphasize them.
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @magicui/rippleThe CLI adds no other registry items with this one.
No npm packages are installed with it.
Android from @magicui
Animated Beam from @magicui
Animated Circular Progress Bar from @magicui
Animated Gradient Text from @magicui
Animated Grid Pattern from @magicui
Animated List from @magicui
Animated Shiny Text from @magicui
Theme Toggler from @magicui
Aurora Text from @magicui
Avatar Circles from @magicui
Backlight from @magicuiBento grid is a layout used to showcase the features of a product in a simple and elegant way.