0Hours
0Mins
0Secs
black friday offer

40% OFF on TailGrids - Apply Coupon Code: BLFCM2024

Explore All Deals

React Badge

TailGrids’ React Badge components, crafted with Tailwind CSS, are perfect for providing important signals within your UI. These badges, available in various sty ...

React Danger Badge VariationsFree

A set of badge UI components for React applications in different styles including filled, outlined, slightly rounded corner, and pill-shaped variety. They are designed in red color to give a sense of warning or urgency.

React Dark Badge VariationsFree

Use this set of dark-themed UI badge components for your next React projects. It includes a filled, outlined, slightly rounded corners, and a pill-shaped variety to highlight the labelings and others.

React Gray Badge VariationsFree

Make your UI with this set of grey-themed React badge UI components and offer flexibility. It includes filled, outlined, slightly rounded corners, and pill-shaped variations in a neutral gray color palette.

React Info Badge VariationsFree

Highlight the information on your React application with this set of info badge UI components. With a distinct blue color, it includes filled, outlined, minimally rounded corners, and pill-shaped variations.

React Light Badge VariationsFree

Use this set of adaptable React badge UI components in filled, outlined, rounded corner, and pill-shaped variations. It emphasizes notifications and creates a modern look.

React Primary Badge VariationsFree

A compact set of badge components in primary color. It includes outlined, filled, slightly, and fully rounded variations. With the primary color, this set highlights the information and makes the UI interactive.

React Secondary Badge VariationsFree

Use this versatile set of badge UI components in various styles. It is designed with secondary color in filled, rounded corners, pill-shaped, and outlined versions.

React Success Badge VariationsFree

Highlight the success and positive status of your UI with this set of badge components. It is designed with a distinct green background offering a sense of positive status. You can customize the background opacity and roundness to fit your design.

React Warning Badge VariationsFree

This set of React warning badges UI is designed with yellow color to emphasize caution or any other warning notifications. You can customize the styles, opacity, and roundness to meet your design requirements.