Block

Proof Wall

A row of numbers, a wall of quote cards that reflows to one column on a phone, and a logo row underneath. The section every landing page needs once it has customers.

Testimonial Card
Logo Marquee
Number Ticker

The part nobody budgets for, already done

Reduced motion, keyboard focus, and dark mode are handled in every component before it ships.

Installs: 12,400
Components: 58
Uptime: 99.9%
Average rating: 4.9

We rebuilt the same settings screen three times before this. Dropping in the Pro blocks got us a week back and the motion finally matches the rest of the product.

Jordan LeeDesign engineer, Northline

The part I did not expect. Every component already handled reduced motion and keyboard focus, which is the work nobody budgets for.

Priya RamanStaff engineer, Halcyon Labs

Source files, not a package. We forked two of them on day one and they still look like they belong to the same system.

Marco SilvaFounder, Ember & Co

NorthlineVeraHalcyonEmber & CoFenwickSolsticeArgon

page.tsx

import { ProofWall } from "@/components/blocks/proof-wall";

export default function Page() {
  return (
    <ProofWall
      title="The part nobody budgets for, already done"
      stats={[{ value: "12,400", label: "Installs" }]}
      quotes={[
        { tone: "violet", rating: 5, quote: "It got us a week back.", name: "Jordan Lee" },
      ]}
      logos={["Northline", "Vera", "Halcyon"]}
    />
  );
}

"use client";

import { LogoMarquee } from "@/components/registry/logo-marquee";
import { TestimonialCard, type TestimonialCardProps } from "@/components/registry/testimonial-card";
import { cn } from "@/lib/utils";

export interface ProofStat {
  /** The number, already formatted, such as "12,400" or "99.9%". */
  value: string;
  label: string;
}

58 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/proof-wall

Props

ProofWall

titleRequiredstring

The section heading.

descriptionstring

One line under the heading.

statsProofStat[]

A short row of numbers above the quotes. Three or four reads best.

quotesRequiredTestimonialCardProps[]

Passed straight through to the card, so every card prop works here.

logosstring[]

Names for the marquee under the quotes.

classNamestring

Merged last, so anything passed here wins over the component's own classes.

ProofStat

valueRequiredstring

Already formatted, such as 12,400 or 99.9%.

labelRequiredstring

What the number counts.