KokonutUI Logo

IN-03InputsUpdated, October 16, 2026

Team Selector

Seat picker with a scrubbable number, generated avatars and an optional rolling price line.

Install with
motion, lucide-react

PROInviting your team? Team Invite Card is in Kokonut UI Pro

Installation

Team Selector is a free, open-source React component in the Kokonut UI Inputs collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/team-selector.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/team-selector

Usage

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

export default function Example() {
  return <TeamSelector pricePerSeat={12} />;
}

Dependencies

Built with React, Tailwind CSS, motion and lucide-react.

On this page

No Headings