Ripple Button Demo

PreviousNext

Example showing an animated button with ripple effect.

Docs
magicuiexample

Preview

Loading preview…
registry/example/ripple-button-demo.tsx
import { RippleButton } from "@/registry/magicui/ripple-button"

export default function RippleButtonDemo() {
  return <RippleButton rippleColor="#ADD8E6">Click me</RippleButton>
}

Installation

npx shadcn@latest add @magicui/ripple-button-demo

Usage

import { RippleButtonDemo } from "@/components/ripple-button-demo"
<RippleButtonDemo />