Tag Input
Animated tag management — press Enter or comma to add, backspace to remove.
Component Showcase
Tag Input
Animated tag management — press Enter or comma to add, backspace to remove.
GSAPInput
All systems online
Animated tag management — press Enter or comma to add, backspace to remove.
Animated tag management — press Enter or comma to add, backspace to remove.
Select how you want to add this component to your project
import { TagInput } from "@/components/tag-input";
export default function Page() {
return (
<main className="flex min-h-screen items-center justify-center bg-[#050505] p-8">
<TagInput />
</main>
);
}Feed this prompt to Claude, ChatGPT, or Gemini to quickly write custom integrations, layouts, or configure props for this component on your system.