Bordered badges

This tailwind example is contributed by Anonymous, on 09-Sep-2023. Component is made with Tailwind v3.4. It is responsive.

Badge

Author Anonymous

Tailwind v3.4 9k 12

Fork Fullscreen

Related Examples

Badge with border

Steven Kuhn

4 years ago

12.7k
Timeline
timeline with journey

Abhiraj

1 year ago

1.6k
EduGlobal
EduGlobal

Tanvir Hasan Bappy (Tanvir)

1 year ago

1.1k
Icon Notification Badge with Count

Anonymous

3 months ago

229
Notification Bell w/ Pinging Badge

threehymns

2 years ago

7.9k
chip
Interactive and customizable chips or tags to display labels, categories, or filters. Includes options for removable chips with icons and different styles.

Abhiraj

1 year ago

2.3k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Achraf Testq

5 months ago

614
Badges (Multicolor)

Mr Robot

4 years ago

10.6k
Dismissible Buttons

Manon Daniel

4 years ago

9.7k
Elegant Badges
Useful Tailwind classes for creating several types of basic badges.

Nick Girga

1 year ago

1.4k
Badges for showing statuses

Mohit Prajapati

4 years ago

10.9k
Notification Badge

Mr Robot

4 years ago

10.9k

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.