Award Badge

Award badge with a laurel wreath, stars and caption. Pro · Landing pages and brand › Pricing and trust

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add award-badge

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { AwardBadge } from 'valyro-ui-pro';

Prop	Type	Default
`title` *	`ReactNode`		The award: "Best design tool".
`caption`	`ReactNode`		Line under it: "2,000+ reviews", "Product Hunt 2026".
`stars`	`number`	`5`	Stars above the title, 0–5. Default 5; 0 hides them.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Badge size. Default `md`.
`tone`	`'neutral' \| 'gold'`	`'neutral'`	`neutral` wreath in the text color, `gold` a warm metallic wreath. Default `neutral`.
`labels`	`Partial<AwardBadgeLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Pricing Table — Pricing plans
Comparison Table — Product comparison
Testimonials — Customer testimonials
FAQ Section — Frequently asked questions
Hero Section — Landing page hero
Feature Grid — Feature grid
Bento Grid — Responsive bento grid of cards in mixed sizes
Logo Cloud — Customer logos
CTA Section — Call-to-action block
Newsletter Signup — Newsletter signup
App Store Buttons — App store buttons: App Store, Google Play, Galaxy Store, RuStore
Footer — Site footer