Command Palette

Search for a command to run...

[Explore][Inspect][Saved]

Animate UI

Bubble Background

Fireworks Background

Gradient Background

Hexagon Background

Hole Background

Stars Background

Base Checkbox

Base Popover

Base Preview Card

Base Progress

Base Switch

Base Tooltip

Copy Button

Flip Button

GitHub Stars Button

Icon Button

Input Button

Liquid Button

Ripple Button

Avatar Group

Code Editor

Code Tabs

Counter

Cursor

Files

Scroll Progress

Tabs

Tooltip

Motion Effect

Motion Highlight

Headless Accordion

Headless Checkbox

Headless Dialog

Headless Disclosure

Headless Popover

Headless Switch

Headless Tabs

Radix Accordion

Checkbox

Collapsible

Dialog

Dropdown Menu

Hover Card

Popover

Progress

Radio Group

Radix Sheet

Radix Switch

Radix Tabs

Radix Toggle Group

Radix Tooltip

Counting Number

Gradient Text

Highlight Text

Rolling Text

Sliding Number

Splitting Text

Typing Text

Writing Text

Management Bar

Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Animate UI
Ripple Button Demo

►https://shadcnregistry.com/r/animate-ui/ripple-button-demo.json

Ripple Button Demo

ui

Demo showing an animated button with ripple effect.

Installation

Copy and the paste the following command into your terminal.

Preview

https://shadcnregistry.com/preview/animate-ui/ripple-button-demo

Terms of Service Privacy Policy