# Chip components

> Elevate your React apps with 12 versatile chip and tag components designed using Tailwind CSS, perfect for labeling and categorizing content.

66 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/chip.

- [Editable Chip](https://21st.dev/@quantvansh/components/editable-chip.md) — by vansh
- [Cuisine Selector Chips](https://21st.dev/@uniquesonu/components/cuisine-selector-chips.md) — by Sonu
- [Selector Chips](https://21st.dev/@preetsuthar17/components/selector-chips.md) — by Preet Suthar
- [Avatar chips](https://21st.dev/@shailendrakumar19999/components/avatar-chips.md) — by Shailendra
- [Chip](https://21st.dev/@hero_ui/components/heroui-chip/variants.md) — by Hero Ui
- [Chip](https://21st.dev/@hero_ui/components/heroui-chip.md) — by Hero Ui
- [Chip](https://21st.dev/@preetsuthar17/components/chip.md) — by Preet Suthar
- [Chip](https://21st.dev/@hero_ui/components/heroui-chip/with-icons.md) — by Hero Ui
- [Chip](https://21st.dev/@hero_ui/components/heroui-chip/statuses.md) — by Hero Ui
- [Chip](https://21st.dev/@hero_ui/components/heroui-chip/closeable.md) — by Hero Ui
- [Claude-style Chat Input](https://21st.dev/@sensewood8/components/claude-style-chat-input.md) — by Saifullah Channa
- [Input With Tags](https://21st.dev/@chetanverma16/components/input-with-tags.md) — by Chetan Verma
- [AI Input with Suggestions](https://21st.dev/@kokonutd/components/ai-input-with-suggestions.md) — by Kokonut Baffier
- [Multiple select](https://21st.dev/@geekles007/components/multiple-select.md) — by Geekles
- [Tags Selector](https://21st.dev/@ln-dev7/components/tags-selector.md) — by LN
- [useTags](https://21st.dev/@kokonutd/components/use-tags.md) — by Kokonut Baffier
- [Badge Variants](https://21st.dev/@sean0205/components/badge-variants.md) — by Sean Hello
- [Pill](https://21st.dev/@haydenbleasel/components/pill.md) — by Hayden Bleasel
- [Tag Selector](https://21st.dev/@serafimcloud/components/tag-selector.md) — by Serafim
- [Tag Group \[react-aria-components\]](https://21st.dev/@jolbol1/components/tag-group.md) — by James Shopland
- [Input Bar](https://21st.dev/@serafimcloud/components/input-bar/with-attachments.md) — by Serafim
- [Tag Input](https://21st.dev/@kokonutd/components/tag-input.md) — by Kokonut Baffier
- [Input with inner tags](https://21st.dev/@originui/components/input-with-inner-tags.md) — by Origin UI
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment.md) — by Serafim
- [Tag Input](https://21st.dev/@ln-dev7/components/tag-input.md) — by LN
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/removable.md) — by Serafim
- [Combobox](https://21st.dev/@coss.com/components/combobox/multiple.md) — by coss
- [File Attachment](https://21st.dev/@serafimcloud/components/file-attachment/image-only.md) — by Serafim
- [Base Badge](https://21st.dev/@sean0205/components/base-badge/remove-button.md) — by Sean Hello
- [Tags Input](https://21st.dev/@shailendrakumar19999/components/tags-input.md) — by Shailendra
- [Field](https://21st.dev/@coss.com/components/field/combobox-multiple.md) — by coss
- [Radio Group 1](https://21st.dev/@ShadcnStudio/components/radio-group-1/radio-group-shoe-size.md) — by ShadcnStudio
- [Status Badge](https://21st.dev/@arihantcodes_1f7b8c4d/components/status-badge.md) — by Arihant jain
- [Smart Textbox](https://21st.dev/@tigerabrodi/components/smart-textbox.md) — by Tiger Abrodi
- [Reaction Chip](https://21st.dev/@jatin-yadav05/components/reaction-chip.md) — by Jatin Yadav
- [Material UI Autocomplete / Combobox / Multi-select](https://21st.dev/@easemize/components/material-ui-autocomplete-combobox-multi-select/multi-select.md) — by Hossain Jahed
- [Filter Chips Breadcrumb](https://21st.dev/@nextjsshop/components/filter-chips-breadcrumb.md) — by Nextjsshop
- [Multi Select Calendar Card](https://21st.dev/@ruixen.ui/components/multi-select-calendar-card.md) — by Ruixen UI
- [Animated Chip Tab Component](https://21st.dev/@uniquesonu/components/animated-chip-tab-component.md) — by Sonu
- [Tag Group](https://21st.dev/@jolbol1/components/tag-group-2/tag-group-selection.md) — by James Shopland
- [Suggestions](https://21st.dev/@serafimcloud/components/suggestions/icons-text.md) — by Serafim
- [Suggestions](https://21st.dev/@serafimcloud/components/suggestions.md) — by Serafim
- [Multiple Selector](https://21st.dev/@arihantcodes_1f7b8c4d/components/multiple-selector/disabled-selector.md) — by Arihant jain
- [Tag Cloud Select](https://21st.dev/@ruixen.ui/components/tag-cloud-select.md) — by Ruixen UI
- [Combobox](https://21st.dev/@prebuiltui/components/combobox/multiple-select-combobox.md) — by prebuiltui
- [Tag Group](https://21st.dev/@jolbol1/components/tag-group-2/tag-group-disabled.md) — by James Shopland
- [Tag Group](https://21st.dev/@jolbol1/components/tag-group-2/tag-group-removing.md) — by James Shopland
- [Basic Tags Input](https://21st.dev/@anubra266/components/basic-tags-input.md) — by Abraham
- [Tags Select](https://21st.dev/@m.umairwaheedansari/components/tags-select.md) — by Umair Waheed
- [Section CTA](https://21st.dev/@soralabs/components/section-cta.md) — by Sora UI
- [Audio Timeline With Chapters](https://21st.dev/@ruixen.ui/components/audio-timeline-with-chapters.md) — by Ruixen UI
- [Suggestion](https://21st.dev/@vercel-crawled/components/suggestion.md) — by Vercel
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/custom-cells.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/async-loading.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/column-resizing.md) — by Hero Ui
- [Tooltip](https://21st.dev/@hero_ui/components/heroui-tooltip/custom-trigger.md) — by Hero Ui
- [Tags Input](https://21st.dev/@uilayout.contact/components/tags-input-2.md) — by UI Layouts
- [HeroUI Tag Group](https://21st.dev/@hero_ui/components/heroui-tag-group/controlled.md) — by Hero Ui
- [HeroUI Tag Group](https://21st.dev/@hero_ui/components/heroui-tag-group.md) — by Hero Ui
- [HeroUI Tag Group](https://21st.dev/@hero_ui/components/heroui-tag-group/with-list-data.md) — by Hero Ui

Full component directory: https://21st.dev/llms.txt
