Viora LogoViora UI
Login

Particle Button

Particle Button Animation on click.

demo-particle-button.tsx
Loading source code...

Installation

pnpm dlx viora-ui add particle-button
npx viora-ui add particle-button
yarn viora-ui add particle-button
bunx --bun viora-ui add particle-button

Usage

import { ParticleButton } from "viora-ui";
import { ParticleButton } from "viora-ui";

export default function ParticleButtonDemo() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center p-6">
      <ParticleButton />
    </div>
  );
}

API Reference

ParticleButton

PropTypeDefaultDescription
onSuccess?() => void-Callback fired on success event.
successDuration?number-Configuration for successDuration.

Built by Otis

Last updated: 9/13/2026