Pop Button

A playful 3D-style button with push-down animation effect.

"use client";

import { PopButton } from "@/components/vritti/pop-button";

export function PopButtonExample() {
  return (
    <div className="flex flex-wrap items-center justify-center gap-4 p-8">
      <PopButton>Default</PopButton>
      <PopButton color="blue">Blue</PopButton>
      <PopButton color="green">Green</PopButton>
      <PopButton color="red">Red</PopButton>
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/pop-button"

Dependencies


pnpm add @radix-ui/react-slot