Centered Stats with Large Typography

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/feature/feature148.tsx instead.

Usage

The file also exports feature148Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Feature148, feature148Demo } from "@/components/blocks/feature/feature148";

export default function Page() {
  return <Feature148 {...feature148Demo} />;
}

Props

Types

interface CenteredStat {
  value: string;
  label: string;
}

Behavior notes

• This is a plain Server Component, the large numbers (e.g. "10M+") are static text supplied by the caller, never computed with Math.random(), Date.now(), or an animated counter at render time.
• Intended for one or two stats only, meant to read as a single impressive figure rather than a multi-stat grid; pass Feature147 or Feature16 more entries than that.