Team Selector

An animated team size selector with stacked avatar previews and increment/decrement controls with vibration feedback.

"use client";

import TeamSelector from "@/components/vritti/team-selector";

export function TeamSelectorExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <TeamSelector defaultValue={2} onChange={(size) => console.log("Team size:", size)} />
    </div>
  );
}

Installation


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

Dependencies


pnpm add motion