OOratiq

Testimonial Section

Ready

Quote cards with ratings.

“We shipped our Arabic locale in a day. The layout just… mirrored. I kept looking for the catch.”
LHLayla HaddadFrontend lead, Vertex
“The first component library where dark mode and RTL aren't afterthoughts. Our design team finally stopped filing bugs.”
TRTomás RiveraCTO, Northwind
“Copy-in blocks meant our brand tokens applied everywhere instantly. Rebrand took an afternoon.”
ACAmina ChowdhuryDesign systems, Globex

Installation

$ npx @oratiq-js/ui add testimonial-section

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 { TestimonialSection } from "@/components/blocks/testimonial-section";

Style 02

“Every other library made RTL our problem. Oratiq made it a non-event — we shipped the Arabic site the same week.”
TR

Tomás Rivera

CTO, Northwind

$ npx @oratiq-js/ui add testimonial-section-02

Style 03

“The CLI pulled seven files for combobox and every one compiled. That's when I trusted it.”
ACAmina ChowdhuryDesign systems, Globex
“Dark mode without a single dark: class in our own code.”
JWJonas WeberStaff engineer, Initech
“Our Hebrew launch was a dir attribute. I still think about that.”
NPNoa PeretzFrontend, Umbra
“Blocks got our landing page live before lunch.”
SWSam WhitakerFounder, Aperture
$ npx @oratiq-js/ui add testimonial-section-03

Style 04

NP

Noa Peretz

Frontend lead, Umbra

Hebrew + English product
“We maintain one codebase for a bidirectional product used in nine countries. Before Oratiq that meant a parallel stylesheet and a prayer. Now it means a dir attribute.”
$ npx @oratiq-js/ui add testimonial-section-04

Style 05

4.9

320+ reviews

SW
“Setup to shipped landing page: 40 minutes.”

Sam Whitaker

JW
“The docs' Code toggle is how all docs should work.”

Jonas Weber

$ npx @oratiq-js/ui add testimonial-section-05

Style 06

“We migrated 214 screens to Oratiq tokens in six weeks. The RTL release that used to be a quarter's work came free.”
ACAmina Chowdhury · Design systems lead, Globex

6 wks

full migration, 214 screens, 2 directions

$ npx @oratiq-js/ui add testimonial-section-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/testimonial-section.tsx