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

Announcement badgeFree

The pill above a hero headline that links to what’s new.

NewCountdown is here→

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/announcement-badge.json

Usage

import { AnnouncementBadge } from "@/components/nex-ui/announcement-badge";

<AnnouncementBadge tag="New" text="Countdown is here" href="#" />
PreviousDot badgeNextStatus badge