Badge
Compact labels and tags styled as pills with subtle tinted backgrounds and cold shadow styling. Perfect for status indicators and categorization.
Badge Variants
Different visual styles for various contexts and semantic meanings.
DefaultSecondaryOutlineCapsuleInfoSuccessWarningDestructive
Badge Sizes
Multiple size options for different UI contexts.
SmallDefaultLarge
Badges with Icons
Badges can include icons for enhanced visual communication.
CompletedPendingErrorNewFeatured
Dismissible Capsule Badges
Filter chips using the capsule variant, styled like the promotional pages.
StarterLab-gradeIn stockBlue tintLow noise
Notification Counts
Small badges for notification counts.
3
9
Technology Stack
Display tech stack or skills using badges.
Project Technologies
ReactTypeScriptNext.jsTailwind CSSNode.jsPostgreSQLRedisDockerAWSGraphQL
Inline Usage
Badges integrated within text content.
Our new v2.0 release includes exciting features like AI Assistant and Real-time Sync. Users on the Legacy Plan will need to upgrade to access these features.