Features With Badges

Features with New, Popular, and Beta badges for highlighting feature freshness and popularity in Next.js pages

Highlight what is new, popular, or in beta with contextual badges alongside your features. Badges instantly communicate the status and freshness of each capability, helping users discover what is trending or recently shipped. Ideal for product pages and changelog sections.

Features With Badges preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/features-with-badges.json

npx shadcn@latest add https://www.shadcn.io/r/features-with-badges.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/features-with-badges.json

bunx shadcn@latest add https://www.shadcn.io/r/features-with-badges.json

Features Pill Tags

Pill badge features

Features Changelog

Changelog features

Features Status Indicators

Status indicators

Features Timeline Release

Release timeline

Features With Ratings

User ratings

Features Tag Cloud

FAQ

Last updated on March 24, 2026

Was this page helpful?

Features With Avatars

Features with team member avatars showing who built each capability for humanized Next.js product pages

Features With Code

Features showing inline code snippets alongside descriptions for developer-focused Next.js product pages

Features With Badges