Registry Index

Search the catalog

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

ComponentReactregistry:component3 dependencies

Ripple Effect

ripple-effect-02

Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML element. Built with Tailwind CSS and Motion.

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

3 variants

Variants of this

Other takes on Ripple Effect from @bundui — the same idea in another design, language or styling.

Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML element. Built with Tailwind CSS and Motion.

Open
@bundui

More from @bundui

All 89 items
Alert
alert-with-icon
Component
Card
card-with-header-icon
Component
Animated Gradient Text
animated-gradient-text
Component
Carousel
carousel-01
Component
Snowfall Animation
snowfall-animation
Component
Avatar
avatar-default
Component
Stats Cards
stat-cards-03
Component
Avatar
avatar-sizes
Component