Social Proof — UI Block

Numbers that count up as they arrive and a wall of testimonials that drifts past, for the part of the page where people decide to trust you.

Pro
Testimonials
2 sections

Install

One command adds every section. Pro blocks need your API key in the registry settings.

$ npx shadcn@latest add @nexus-labs/social-proof-blocks

Full setup guide

Install the complete Social Proof family with its 2 variants. The registry command adds the source files, required utility imports, and npm packages used by this block.

1
Prepare a shadcn project
Use a Next.js project with Tailwind CSS and the @/ alias. If shadcn is not configured yet, run:
```
npx shadcn@latest init
```

Connect the registry with your API key

Replace your components.json with this, or add the registries key to your existing one. Replace YOUR_NEXUS_API_KEY with the key from your Nexus UI dashboard.

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "default",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "css": "src/app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "registries": {
    "@nexus-labs": {
      "url": "https://www.nexus-ui.com/api/registry/{name}",
      "headers": {
        "Authorization": "Bearer YOUR_NEXUS_API_KEY"
      }
    }
  }
}

3
Install the full block family
Run this command from your project root. It installs every variant shown on this page.
```
npx shadcn@latest add @nexus-labs/social-proof-blocks
```
4
Files added to your project
The component package installs these block source files:
components/
blocks/
motion-kit/
counting-stats/
counting-stats.tsx
wall-of-love/
wall-of-love.tsx
5
Copy the example into your page
Switch to the Codetab on the variant you want. On the left you'll see a ready-to-use snippet — copy it and paste it into app/page.tsx:
```
// app/page.tsx
import YourBlock from "@/components/...";

export default function Page() {
  return (
    <main>
      <YourBlock />
    </main>
  );
}
```
The exact import path is shown in the Code tab sidebar for each variant.

1 of 2Pro

Counting Stats

The numbers, in public.

Events processed a day+32% this quarter

Uptime over 12 months4 minutes down all year

Median dashboard load2x faster than last year

Average review scorefrom 2,800 reviews

2 of 2Pro

Wall of Love

Wall of love

Teams switch, then tell their friends.

We replaced three tools and a weekly spreadsheet ritual. Monday mornings are quiet now.

Avery LinCOO, logistics startup

The live charts are the first dashboard our sales team actually opens.

Jordan ReyesHead of Sales, B2B software

Setup took one afternoon. I kept waiting for the catch.

Sam OkaforFounder, design studio

Our board deck builds itself now. I just add the commentary.

Priya ShahCFO, retail group

Permissions that follow the org chart saved our IT team weeks.

Noah BergIT Lead, 400-person company

Support replied in four minutes on a Sunday. Four.

Lena FischerOps Manager, marketplace

It's the only tool everyone on the team agreed on in the first week.

Marco SilvaEngineering Manager, fintech

The weekly summary email is genuinely the best email I get.

Hana MoriCEO, travel app

We spotted a churn spike two weeks earlier than we would have.

Theo GrantHead of CS, subscription box