Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Ripple Button

ripple-button

An animated button with ripple useful for user engagement.

@magicuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 other registry

Similar components

Other registries' take on ripple-button.

RippleButton
s@sona-ui
Component
1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing an animated button with ripple effect.

@magicui

More from @magicui

All 71 items
Ripple
ripple
Component
Animated List
animated-list
Component
Meteors
meteors
Component
Hexagon Pattern
hexagon-pattern
Component
Animated Shiny Text
animated-shiny-text
Component
Morphing Text
morphing-text
Component
Hyper Text
hyper-text
Component
Neon Gradient Card
neon-gradient-card
Component