S
shadcn/studio
/
components
/
button-39
Button 39
· shadcn/studio
Animated button with ripple effect on click
npx shadcn@latest add
@shadcn-studio/button-39
Preview
Button 39 on shadcn/studio's site (opens in a new tab)
Loading the source for
button-39
…
Files
Code
Info
Registry Items
components
2
shadcn-studio
1
ui
1
ripple-button.tsx
button-39
Configuration
Name
button-39
Type
Component
Description
Animated button with ripple effect on click
Files · 2
button-39.tsx
components/shadcn-studio/button/button-39.tsx
ripple-button.tsx
components/ui/ripple-button.tsx
Dependencies
npm packages
class-variance-authority
motion
Registry items
button
utils
Registry Items
components
2
shadcn-studio
1
ui
1
ripple-button.tsx
button-39
Configuration
Name
button-39
Type
Component
Description
Animated button with ripple effect on click
Files · 2
button-39.tsx
components/shadcn-studio/button/button-39.tsx
ripple-button.tsx
components/ui/ripple-button.tsx
Dependencies
npm packages
class-variance-authority
motion
Registry items
button
utils