Testimonials & Social Proof for React and Tailwind CSS

Neo-Brutal

A printed poster that behaves like software: warm paper, ink outlines and hard shadows that press.

Neo-Brutal Testimonials

Customer quotes in the kit's voice: the display face for the quote, a mono byline, a big type-figure metric. featured is the mockup's layout, rules not boxes: the first quote large on columns 1–7 with a cobalt quote mark, an xl avatar and its metric at the end, the others stacked on 8–12 between rules; on phones every metric sits above its byline. grid is a ruled sheet of quote cells, masonry flat cards in columns, marquee rows of flat cards scrolling (an ambient loop: it pauses offscreen, on hover and with MotionToggle).

Neo-Brutal Logo Cloud

Customer or integration logos. marquee is the mockup's band: a full-bleed card-white band ruled top and bottom, a kicker label cell that ends on the page grid's fourth column rule, and the logos marching past in ruled cells (no edge fade; under reduced motion the cells stand still as a ruled grid: two a row on phones, three on tablets, six on desktop). grid is a ruled sheet of cells with mono captions (integrations, partners). row is one wrapping row of ink wordmarks under a kicker label.

Neo-Brutal Rating

Volt stars with ink strokes (partial fill for fractions), the value and an optional count.

Neo-Brutal Team

People as duotone portrait frames (the Media frame with a caption strip carrying the name in the display face and the role in mono; cobalt duotone, two-up on phones), flat cards with avatars, or ruled rows (avatar, name, role, location badge, ghost link keys).

Noir Aurora

A night canvas lit by one northern-lights curtain, with hairline cards and moonlight headlines.

Everything in Noir Aurora

Noir Aurora Testimonials

Customer quotes on lit cards with the sky spotlight: a grid, a featured layout (the first quote large over 8 columns with its aurora metric and media such as CompareBars, the rest beside it), a masonry wall or a scrolling marquee.

Noir Aurora Logo Cloud

Customer or integration logos: one static row under a mono label (the Noir default: logos in text-ink-2 that brighten on hover), a ruled grid with captions (integrations) or a scrolling marquee (not in Noir's first viewport).

Noir Aurora Rating

Star rating with partial fill and an optional count.

Noir Aurora Team

People as photo-led portraits graded in the aurora duotone (two-up on phones), compact lit cards with avatars, or rows.

Soft Bento

Moulded objects on a warm oat canvas: soft tiles, rounded keys and a calm bento rhythm.

Everything in Soft Bento

Soft Bento Testimonials

Customer quotes on clay cards as a grid, a featured layout (the first quote large on butter, with its metric and media), a masonry wall or a scrolling marquee.

Soft Bento Logo Cloud

Customer or integration logos: one wrapping row, clay integration cells with captions, or a scrolling marquee (its label sits left of the band at lg).

Soft Bento Rating

Star rating with partial fill and an optional count.

Soft Bento Team

People as photo-led portraits in clay tiles (two-up on phones, an odd last tile centred), compact cards with avatars, or rows; initials on candy stand in for missing photos.

Swiss Tech Mono

A page that prints its own measured grid: paper, white tiles, ink and one signal red.

Everything in Swiss Tech Mono

Swiss Tech Mono Testimonials

Customer quotes as a grid, a featured layout (the first quote large on 7 columns with its case tag and media, the others on 5 with their metric as a mono tag), a masonry wall or a scrolling marquee.

Swiss Tech Mono Logo Cloud

Customer or integration logos. row is a ruled strip with its label on 3 columns and the logos spread across 9; from 1280 px it stands still with every logo showing (tighter gaps until 1536 px), below it becomes a marquee (a loop). grid is a hairline grid of cells with mono captions (integrations); marquee always scrolls.

Swiss Tech Mono Rating

Rating as a row of measured bars with partial fill (ink on paper, lime on ink) and an optional count.

Swiss Tech Mono Team

People as graded photo-led portraits with crop marks on hover (two-up on phones), compact cards with avatars, or rows.

Preview everything. Take three a day, free.

A free account takes 3 new pieces a day: the code, the styles and the install prompt. Pro and Team remove the limit.

Create a free account See the plans