Awesome Button

A beautiful animated button with particle burst effects on click. Uses Framer Motion for smooth animations.

Preview

Installation

Use the CLI to add this component to your project.

npx shadcn@latest add https://ui.nyxhora.com/r/Awesome-button.json

Usage

tsx
9 lines
1
2
3
4
5
6
7
8
9
import { ParticleBurstButton } from "@/components/ui/Awesomebutton"

export default function MyComponent() {
  return (
    <ParticleBurstButton>
      Click for particles!
    </ParticleBurstButton>
  )
}

Examples

Custom Styling

Props

PropTypeDescription
children*ReactNodeButton content
classNamestringAdditional CSS classes