# Stats Section v1

> Centered five-star rating row with a taupe star fill and a social-proof label beneath.

A shadcn/ui block from the [@uiception](https://uiception.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/uiception/stats-section-v1).

- Page, with a live preview: https://shadcn.exchange/r/uiception/stats-section-v1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/uiception/stats-section-v1-light-95e2c9a249d40302.png
- Registry item: https://uiception.com/r/stats-section-v1.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://uiception.com/r/stats-section-v1.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Files

### `registry/new-york/blocks/stats-section-v1/page.tsx`

```tsx
import StatsSectionV1 from "./components/stats-section-v1"

export default function Page() {
  return <StatsSectionV1 />
}
```

### `registry/new-york/blocks/stats-section-v1/components/stats-section-v1.tsx`

```tsx
import { Star } from "lucide-react"

export function StatsSectionV1Content() {
  return (
    <div className="flex flex-col items-center gap-3">
      <div className="flex flex-row gap-1">
        {Array.from({ length: 5 }).map((_, i) => (
          <Star key={i} className="h-4 w-4 fill-yellow-400 text-yellow-400" />
        ))}
      </div>
      <p className="text-sm font-medium tracking-tighter">
        Trusted by 100+ growing businesses
      </p>
    </div>
  )
}

export default function StatsSectionV1() {
  return (
    <section className="py-4 md:py-6 lg:py-8">
      <div className="mx-auto max-w-6xl px-4">
        <StatsSectionV1Content />
      </div>
    </section>
  )
}
```