Testimonials

Live, interactive React component · dark themeResponsive

About the 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. Each quote is a figure with a blockquote and a figcaption; ratings carry their own text. Use real names and roles only.

It is part of Noir Aurora. The style’s 91 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.

To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.

See it on a full page

The same piece, drawn for a different look. Open one to compare it live.

All 16 in Testimonials & Social Proof

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).

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.

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.