# Badge components > Highlight statuses and notifications using 47 badge components for React, expertly designed with Tailwind CSS for Next.js. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/badge. - [Product Hunt Badge](https://21st.dev/@shugar/components/award-badge.md) — by tigran tumasov - [Badge](https://21st.dev/@sean0205/components/badge-2/with-icon.md) — by Sean Hello - [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta.md) — by Serafim - [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.md) — by Sean Hello - [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta/solid.md) — by Serafim - [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 - [Badge Delta](https://21st.dev/@serafimcloud/components/badge-delta/complex.md) — by Serafim - [Marketing Badges](https://21st.dev/@jatin-yadav05/components/marketing-badges.md) — by Jatin Yadav - [Status Badge](https://21st.dev/@serafimcloud/components/status-badge.md) — by Serafim - [Badge](https://21st.dev/@shugar/components/badge-1/with-icons.md) — by tigran tumasov - [Animated Badge](https://21st.dev/@karthikmudunuri/components/animated-badge.md) — by Mudunuri bhaskara karthikeya varma - [Badge Variants](https://21st.dev/@sean0205/components/badge-variants.md) — by Sean Hello - [Badge](https://21st.dev/@shugar/components/badge-1.md) — by tigran tumasov - [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge.md) — by Serafim - [Alert Badge](https://21st.dev/@serafimcloud/components/alert-badge.md) — by Serafim - [Filter Badge](https://21st.dev/@serafimcloud/components/filter-badge/avatar.md) — by Serafim - [Badge](https://21st.dev/@shugar/components/badge-1/pill.md) — by tigran tumasov - [Badge](https://21st.dev/@shugar/components/badge-1/sizes.md) — by tigran tumasov - [Streak Badge](https://21st.dev/@trophyso/components/streak-badge.md) — by trophyso - [StatusBadge – Beautiful, Accessible Status Indicators](https://21st.dev/@uniquesonu/components/status-badge-beautiful-accessible-status-indicators.md) — by Sonu - [Project Badge](https://21st.dev/@ln-dev7/components/project-badge.md) — by LN - [Badge](https://21st.dev/@coss.com/components/coss-badge/with-icon.md) — by coss - [Badge](https://21st.dev/@chetanverma16/components/cvui-badge/badge.md) — by Chetan Verma - [Badge](https://21st.dev/@coss.com/components/coss-badge/success.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/with-count.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/small.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/large.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/warning.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/error.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/info.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/destructive.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/secondary.md) — by coss - [Badge](https://21st.dev/@coss.com/components/coss-badge/outline.md) — by coss - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/exclusive-offer-badge.md) — by prebuiltui - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/announcement-badge-with-sparkle.md) — by prebuiltui - [Animated Status Badge](https://21st.dev/@isaiahbjork/components/animated-status-badge.md) — by Isaiah - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag.md) — by prebuiltui - [Verified Badge](https://21st.dev/@edwinvakayil/components/verified-badge.md) — by Edwin Vakayil - [Stamp](https://21st.dev/@designali-in/components/stamp.md) — by Ali Imam - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/subscription-reminder-badge.md) — by prebuiltui - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/error-alert-badge.md) — by prebuiltui - [Label Badges](https://21st.dev/@ln-dev7/components/label-badges.md) — by LN - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/growth-badge-tag.md) — by prebuiltui - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/order-tracking-badge-neutral.md) — by prebuiltui - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/simple-badge.md) — by prebuiltui - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/more-information-badge.md) — by prebuiltui - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/info-status-badge.md) — by prebuiltui - [Bubble Button](https://21st.dev/@ravikatiyar162/components/bubble-button.md) — by Ravi Katiyar - [Badge Tag](https://21st.dev/@prebuiltui/components/badge-tag/new-announcement-badge-gray.md) — by prebuiltui - [BeUI Animated Badge](https://21st.dev/@saurabh10102/components/be-ui-animated-badge.md) — by Saurabh Chauhan Full component directory: https://21st.dev/llms.txt