Tags Input Components

Dev Design Library indexes 34 tags input components from 21 open-source UI libraries, with the most coming from Origin UI, Arc Library, Watermelon UI, Untitled UI React and ReactFrame. Each one links to its page with the source code, a live preview where available, the library license and the install command. Tags input components belong to the Inputs group.

• Tags InputChakra UI · ReactUsed to enter multiple values as tags with features like tag creation, deletion, and keyboard navigation.
• Tailwind Token FieldReact Spectrum · React
• Comp 234Origin UI · React
• Tags InputArk UI · ReactA component that allows users to add tags to an input field.
• Elastic Tag SnapAmicro Micro Transitions · ReactMinimalist luggage tag with bungee spring snap and vertical recoil.
• Tags InputPark UI · ReactA form control for adding and removing multiple tags or labels.
• multiple-selectIntent UI · Reactmultiple-select
• InputUntitled UI React · React
• Multi SelectbeUI · ReactComposable multi-select primitives with searchable options, removable animated tokens, and a morphing collision-aware…
• Multiple SelectorSpectrum UI · ReactA multi-select input with async search, grouping, and creatable options.
• Tag InputKinetics · HTML/CSSEnter pops a chip in; × pops it out
• tag-groupBaseLayer · ReactA tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard…
• Tags InputShark UI · ReactAllows users to add tags to an input field.
• LabelWatermelon UI · React
• Mention inputArc Library · ReactA textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.
• Tag InputUI Lab · ReactYour typed words stay put while a chip forms around them.
• Editable Label SetLocalMode · ReactAn editable set of color-cycling removable chips managing a candidate-label list (zero-shot candidate labels or any…
• Multi-selectCojeev UI · ReactSearchable multiple choices with removable selections, form values and clear validation.
• Tag InputEaseUI · ReactA field that turns what you type into tags. Enter or a comma adds one, Backspace marks then removes the last, and a…
• Multi SelectReactFrame · ReactA searchable multi-select that shows the chosen options as removable chips, with checkbox rows, select all, a…
• Tags Inputark-cn · ReactA shadcn-style tags input component built with Ark UI primitives.
• Vanilla Token FieldReact Spectrum · React
• Comp 235Origin UI · React
• tag-fieldIntent UI · Reacttag-field
• TagsUntitled UI React · React
• Label SelectorWatermelon UI · React
• Multi-selectArc Library · ReactSelect several values while keeping the field readable.
• Tag InputReactFrame · ReactA multi-value input that turns text into removable tags on Enter, comma or paste, with suggestions, duplicate and max…
• Comp 425Origin UI · React
• TagsWatermelon UI · React
• Tag inputArc Library · ReactTurn short text values into removable tags.
• Comp 56Origin UI · React
• Comp 57Origin UI · React
• MultiselectOrigin UI · React

Libraries with tags input components

• Origin UI
• Arc Library
• Watermelon UI
• Untitled UI React
• ReactFrame

Related categories

• React Tags Input Components
• Tailwind CSS Tags Input Components
• Animated Tags Input Components
• Input Components
• Text Input Components
• Select Components
• Form Field Components
• Form Components
• Textarea Components
• Switch Components
• Checkbox Components
• Slider Components
• Radio Components
• Combobox Components
• File Upload Components
• Search Input Components
• Date Picker Components
• Login Form Components
• Color Picker Components