ExampleReactregistry:example1 dependency

Ripple Button Demo

ripple-button-demo

Example showing an animated button with ripple effect.

Demonstrates ripple-button

@magicui Registry JSON

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

Install

$

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

Needs @magicui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @magicui
Kind: Example
Framework: React
Files: 1 · 181 B
Preview: Live
License: Not tracked · check @magicui

Registry dependencies

ripple-button@magicui

@magicui

More from @magicui

Hero Video Dialog

Hero Video Dialog

Aurora Text Demo

Aurora Text Demo

Terminal

Marquee 3D

Dia Text Reveal Demo 3

Dia Text Reveal Demo 3

Retro Grid

Hexagon Pattern Demo

Hexagon Pattern Demo

Avatar Circles Demo