Smart Tag Input

A polished tag input with autocomplete, paste-to-split, duplicate protection, selected-backspace removal, keyboard support, and automatic light and dark theming.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Smart Tag Input to your project and fits it to your theme.

import { SmartTagInput } from "@/components/ui/smart-tag-input"

export default function SmartTagInputDemo() {
  return <main style={{ minHeight: "100vh", display: "grid", placeItems: "center", padding: 28, background: "var(--background, #f5f5f3)" }}><SmartTagInput /></main>
}