nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Badge
    • Dot badge
    • Announcement badge
    • Status badge
    • Notification badgePro
    • Shine badgePro
    • Gradient border badgePro

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

Monthly notes

New components and tools, about once a month.

No spam. Unsubscribe with one click.

© 2026 nex-ui. All rights reserved.

Cookies
Components/Badges

Dot badgeFree

A coloured dot in front of the label, pulsing if you want.

All systems normal

Props

Appearance

Applies to this component only and stays saved when you come back.

Preview background

Install

$npx shadcn@latest add https://nex-ui.eu/r/dot-badge.json

Usage

import { DotBadge } from "@/components/nex-ui/dot-badge";

<DotBadge>All systems normal</DotBadge>
PreviousBadgeNextAnnouncement badge