OOratiq

Social Proof

Ready

Logo cloud.

Trusted by teams shipping in every direction

Acme CorpNorthwindGlobexInitechUmbraVertex

Installation

$ npx @oratiq-js/ui add social-proof

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { SocialProof } from "@/components/blocks/social-proof";

Style 02

Powering marketing sites in 40+ countries

Acme CorpNorthwindGlobexInitechUmbra
VertexHooliStark LabsWayne TechAperture
$ npx @oratiq-js/ui add social-proof-02

Style 03

“We localised into Arabic and Hebrew in a sprint. The layout work was already done.”
LHLayla Haddad · Frontend lead, Vertex
Acme CorpNorthwindGlobexInitech
$ npx @oratiq-js/ui add social-proof-03

Style 04

4.9/5 from 320+ production teams

Acme CorpNorthwindGlobexInitechUmbraVertex
$ npx @oratiq-js/ui add social-proof-04

Style 05

Northwind

Arabic launch in one sprint

Globex

Rebrand shipped in an afternoon

Vertex

-92% RTL bug reports

$ npx @oratiq-js/ui add social-proof-05

Style 06

LH
TR
AC
NP
JW
+2135

Trusted by 2,140+ developers shipping worldwide

$ npx @oratiq-js/ui add social-proof-06

What a block is

  • A full section, composed from the components in the sidebar — copy it in, replace the demo content, ship.
  • Every style is its own registry item: the command under each preview installs exactly that file.
  • Blocks read the same semantic tokens as everything else — your brand override applies instantly.
  • Logical properties throughout: flip dir on <html> and any style mirrors.

Content is yours

The text, links, and data inside are demo content by design. Blocks are starting points, not configurable widgets — edit the file directly.

View source on GitHub → components/blocks/social-proof.tsx