Shadcn.io is not affiliated with official shadcn/ui
Announcement
Pill-shaped announcement badge for product updates and feature callouts in React
That little pill at the top of landing pages saying "New: Check out v2.0" — this is that. Rounded badge with an optional tag nested inside ("New", "Beta", whatever), hover shadow, text truncation for responsive. It's the polished way to announce product updates, feature releases, or version bumps without being obnoxious. Put it above your hero headline and watch conversion rates climb.
Scroll to load preview
Installation
Related Components
Pill
Simple status pill
Banner
Full-width announcement
Status
Status indicator
Limelight Nav
Highlighted navigation
FAQ
Was this page helpful?
Sign in to leave feedback.