# Pill components > Highlight statuses or categories with 3 stylish pill components for React, designed with modern Tailwind CSS utility classes. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/pill. - [Hero Pill](https://21st.dev/@Codehagen/components/hero-pill.md) — by Prism UI - [Hero Pill](https://21st.dev/@originui/components/hero-pill.md) — by Origin UI - [Pill](https://21st.dev/@haydenbleasel/components/pill.md) — by Hayden Bleasel - [Backed By YC](https://21st.dev/@samsiavoshian2009/components/backed-by-yc.md) — by Sam siavoshian - [Tubelight Navbar](https://21st.dev/@ayushmxxn_c278bc2d/components/tubelight-navbar.md) — by Ayushmaan Singh - [Text Rotate](https://21st.dev/@danielpetho/components/text-rotate.md) — by Daniel Petho - [Button](https://21st.dev/@originui/components/button/user-button-with-username.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/rounded-button.md) — by Origin UI - [Nav Header](https://21st.dev/@abdulali254/components/nav-header/nav-header.md) — by Abdul D'braun - [Avatar](https://21st.dev/@originui/components/avatar/testimonial-badge.md) — by Origin UI - [Anime Navbar](https://21st.dev/@jatin-yadav05/components/anime-navbar.md) — by Jatin Yadav - [Tabs](https://21st.dev/@originui/components/tabs/rounded-with-icons.md) — by Origin UI - [Tabs](https://21st.dev/@originui/components/tabs/rounded.md) — by Origin UI - [Ruixen Moon Chat](https://21st.dev/@ruixen.ui/components/ruixen-moon-chat.md) — by Ruixen UI - [Animated Shiny Text](https://21st.dev/@dillionverma/components/animated-shiny-text.md) — by Dillion Verma - [Mini Navbar](https://21st.dev/@aghasisahakyan1/components/mini-navbar.md) — by Erik X - [Location Tag](https://21st.dev/@jatin-yadav05/components/location-tag.md) — by Jatin Yadav - [Navbar 1](https://21st.dev/@preetsuthar17/components/navbar-1.md) — by Preet Suthar - [Bottom menu](https://21st.dev/@yadwinder/components/bottom-menu.md) — by Yadwinder Singh - [Slide Tabs](https://21st.dev/@minhxthanh/components/slide-tabs.md) — by Le Thanh - [Announcement](https://21st.dev/@haydenbleasel/components/announcement.md) — by Hayden Bleasel - [3D Adaptive Navigation Bar](https://21st.dev/@omrohilla6/components/3d-adaptive-navigation-bar.md) — by Om - [Announcement](https://21st.dev/@haydenbleasel/components/announcement/default-with-tag.md) — by Hayden Bleasel - [Announcement](https://21st.dev/@haydenbleasel/components/announcement/info.md) — by Hayden Bleasel - [Announcement](https://21st.dev/@haydenbleasel/components/announcement/success.md) — by Hayden Bleasel - [Announcement](https://21st.dev/@haydenbleasel/components/announcement/warning.md) — by Hayden Bleasel - [Announcement](https://21st.dev/@haydenbleasel/components/announcement/error.md) — by Hayden Bleasel - [Header 03](https://21st.dev/@designali-in/components/header-03.md) — by Ali Imam - [Bottom Nav Bar](https://21st.dev/@arunachalam/components/bottom-nav-bar.md) — by Arunachalam - [Badge](https://21st.dev/@sean0205/components/badge-2/with-icon.md) — by Sean Hello - [LumaBar](https://21st.dev/@ruixen.ui/components/futuristic-nav.md) — by Ruixen UI - [Badge](https://21st.dev/@sean0205/components/badge-2/with-dot.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/outline.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/circle.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/light.md) — by Sean Hello - [Hero Badge](https://21st.dev/@Codehagen/components/hero-badge.md) — by Prism UI - [Badge](https://21st.dev/@sean0205/components/badge-2/remove-button.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/as-child.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/disabled.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/size.md) — by Sean Hello - [Badge](https://21st.dev/@sean0205/components/badge-2/square.md) — by Sean Hello - [Animated Tabs](https://21st.dev/@preetsuthar17/components/animated-tabs.md) — by Preet Suthar - [Hero](https://21st.dev/@Codehagen/components/hero.md) — by Prism UI - [Tags Selector](https://21st.dev/@ln-dev7/components/tags-selector.md) — by LN - [Call to Action](https://21st.dev/@prebuiltui/components/call-to-action-1.md) — by prebuiltui - [Marketing Badges](https://21st.dev/@jatin-yadav05/components/marketing-badges.md) — by Jatin Yadav - [Tabs](https://21st.dev/@sean0205/components/tabs/pill.md) — by Sean Hello - [Gradient Borders Button](https://21st.dev/@Shatlyk1011/components/gradient-borders-button.md) — by Shatlyk1011 - [Language Selector Dropdown](https://21st.dev/@samsiavoshian2009/components/language-selector-dropdown.md) — by Sam siavoshian - [Glass Radio Group](https://21st.dev/@ravikatiyar162/components/glass-radio-group.md) — by Ravi Katiyar - [Save Changes Toast](https://21st.dev/@yadwinder/components/toast-save.md) — by Yadwinder Singh - [Status Badge](https://21st.dev/@serafimcloud/components/status-badge.md) — by Serafim - [Voice Input](https://21st.dev/@molecule-lab-rushil/components/voice-input.md) — by Rushil Dhinoja - [Testimonial](https://21st.dev/@prebuiltui/components/testimonial/avatar-group-with-trust-label.md) — by prebuiltui - [Hover Detail Card](https://21st.dev/@isaiahbjork/components/hover-detail-card.md) — by Isaiah - [Badge](https://21st.dev/@shugar/components/badge-1/with-icons.md) — by tigran tumasov - [Discover Button](https://21st.dev/@0xUrvish/components/discover-button.md) — by 0xUrvish - [Liquid Morph Floating Menu](https://21st.dev/@aayush-duhan/components/liquid-morph-floating-menu.md) — by Aayush duhan - [Animated Badge](https://21st.dev/@karthikmudunuri/components/animated-badge.md) — by Mudunuri bhaskara karthikeya varma - [Prompt Suggestion](https://21st.dev/@ibelick/components/prompt-suggestion.md) — by Julien Thibeaut Full component directory: https://21st.dev/llms.txt