Dev Design Library

Badges Kit

A status badge with 8 tone presets, light/dark variants, 3 sizes, 6 icon styles (check, cross, minus, dot, spinner, custom), and an optional dismiss button.

Badges Kit preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/badges-kit.json
Files
  • registry/new-york/badges-kit/badges-kit.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame