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

© 2026 nex-ui. All rights reserved.

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 nex-ui add dot-badge

Usage

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

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