Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Ripple

ripple

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

@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.

2 other registries

Similar components

Other registries' take on ripple.

Ripple
i@interior
Component
ripple
l@loading-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 ripple effect.

@magicui

More from @magicui

All 71 items
interactive-hover-button
Component
Aurora Text
aurora-text
Component
Number Ticker
number-ticker
Component
File Tree
file-tree
Component
Shine Border
shine-border
Component
Avatar Circles
avatar-circles
Component
Orbiting Circles
orbiting-circles
Component
Shiny Button
shiny-button
Component