Badges

Vibrant badges, tags and labels painted in different colors with icons and all-kinds of shapes.

Simple Preview

Get the code Existing accounts: Sign in to your account to access the source code.
1.45% 0.01% 4.13% 6.03% 29.20%

Soft Preview

Get the code Existing accounts: Sign in to your account to access the source code.
1.45% 0.01% 4.13% 6.03% 29.20%

Soft Bordered Preview

Get the code Existing accounts: Sign in to your account to access the source code.
1.45% 0.01% 4.13% 6.03% 29.20%

With Dot Preview

Get the code Existing accounts: Sign in to your account to access the source code.
Disabled Connected Importing Attention Warning

Status Badges Preview

Get the code Existing accounts: Sign in to your account to access the source code.
No status
Connected
Importing
Attention
Warning

Soft Status Badges Preview

Get the code Existing accounts: Sign in to your account to access the source code.
No status
Connected
Importing
Attention
Warning

White Status Badges Preview

Get the code Existing accounts: Sign in to your account to access the source code.
No status
Connected
Importing
Attention
Warning

White Preview

Get the code Existing accounts: Sign in to your account to access the source code.
1.45% 0.01% 4.13% 6.03% 6.03%

Mixed Color Text in White Badge Preview

Get the code Existing accounts: Sign in to your account to access the source code.
-33m under limit +9m over limit

With Divider Preview

Get the code Existing accounts: Sign in to your account to access the source code.
HTML 25 JavaScript 1 React 99+

Gray Background Divider Preview

Get the code Existing accounts: Sign in to your account to access the source code.
HTML 25 JavaScript 1 React 99+

White Badge with Close Button Preview

Get the code Existing accounts: Sign in to your account to access the source code.
Due Date

Rounded White Badge with Gray Background Close Button Preview

Get the code Existing accounts: Sign in to your account to access the source code.
Feb 10, 2024 Sep 29, 2024 Nov 7, 2024

Divider with Close Button Preview

Get the code Existing accounts: Sign in to your account to access the source code.
Preline UI .pdf File size 5kb Task 3

Avatar with Close Button Preview

Get the code Existing accounts: Sign in to your account to access the source code.
Avatar James B Brian Avatar Ella

Soft with Avatar Preview

Get the code Existing accounts: Sign in to your account to access the source code.
Avatar James B Brian Avatar Ella

Badge Group with More in Dropdown Preview

Get the code Existing accounts: Sign in to your account to access the source code.

Subscribe

Get all the latest Preline updates and news.