BadtzUIBeta
Docs
Like Button

Like Button

A dynamic button that animates on click, creating a burst of heart icons that randomly scatter before fading out.

Installation

pnpm dlx shadcn@latest add https://badtz-ui.com/r/like-button.json

Usage

import { LikeButton } from "@/components/ui/buttons/like-button";
<LikeButton>
  Like
</LikeButton>

Props

LikeButton props.

PropTypeDescriptionDefault
childrenReactNodeThe text or elements to display inside the button.-
classNamestringAdditional custom classes for styling.-
iconCountnumberThe number of heart icons to animate when the button is clicked.20
Stagger Button