Start free trial

Interactive Content Slider

Catalogue accessNeeds plugin

Testimonial slider proof

A testimonial section with three generous quote-and-metric cards, one main card and the next card held visibly at the edge. Needs the companion plugin, which comes with your access; without it the heading is followed by the three testimonials as a plain stack, and without motion they remain a horizontally scrollable native row.

States no colour and no font of its own.

ThemePreview sizeMotion
As authoredColour
Twenty Twenty-Five·1280pxPlays best in its own window

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What you change first

  1. Replace each quote, person and metric together so the proof remains attributable.
  2. Keep the metric short enough to hold one line on a phone.
  3. Change the h2 level if this section sits under a different page hierarchy.
  4. Reorder or add named Slide groups in List View; AI tools can do the same because every editable part is a native block.

The signature moment

A large customer quote shares its slide with one oversized proof metric

The quote and its result carry equal weight in a roomy card, while a deliberate next-card peek shows that the proof continues.

Theme handoff

What comes from where

From your theme

Typeface and palette. The light ground and dark text use the guaranteed base and contrast chains; the rule follows currentColor.

Set by this pattern

Three slides, an 82% track width, arrow controls, and a quote/metric grid. The display metric and quote are off the theme ladder because their scale collision is the composition.

Full pattern notes

Why it works, and how it is built

Open a topic for the complete design reasoning, editing guidance and implementation notes.

Design rationaleComposition, intent and nearest alternatives

The signature moment: A large customer quote shares its slide with one oversized proof metric

The quote and its result carry equal weight in a roomy card, while a deliberate next-card peek shows that the proof continues.

Why this is not portfolio slider editorial or hero slider cover

This is text-led and pairs two kinds of evidence inside each card, with no picture at all. The portfolio pattern is image-led and uses its caption as a compact footnote; the hero gives each story a full-bleed photograph and one action.

Make it yoursVariations and the edits to make first

What you change first

  1. Replace each quote, person and metric together so the proof remains attributable.
  2. Keep the metric short enough to hold one line on a phone.
  3. Change the h2 level if this section sits under a different page hierarchy.
  4. Reorder or add named Slide groups in List View; AI tools can do the same because every editable part is a native block.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

Typeface and palette. The light ground and dark text use the guaranteed base and contrast chains; the rule follows currentColor.

What it decides for itself

Three slides, an 82% track width, arrow controls, and a quote/metric grid. The display metric and quote are off the theme ladder because their scale collision is the composition.

Technical notesBlock mechanics, responsive behaviour and constraints

What needs the plugin

The plugin adds the horizontal row, arrow and keyboard navigation, and a smooth reader-triggered transition. Without the plugin, the three native Groups form a plain stack; with reduced motion, they remain in the native horizontal scroll-snap row without smooth transitions. There is no autoplay.

What is not proved

The example results are illustrative copy, not customer claims.

The markup

6.3KB of core-block markup, 5 blocks (group, heading, paragraph, patternpaste/content-slider, quote), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Start free trial to copyWhat you copy is yours forever. Cancel whenever.

Back to the library

Continue exploring

Next in Interactive

Explore all 36 interactive patterns Also in Testimonials

Portfolio slider editorial rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryGalleryEditorialNeeds plugin

Portfolio slider editorial

An editorial portfolio section with four broad image-led project cards and compact caption and project metadata beneath each image.

7 blocksOpen preview
Hero wall clients rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroHeroLogosNeeds plugin

Hero wall clients

A proof-led hero featuring twenty-eight partner brand icon marks on a gently inclined, continuous drifting plane.

10 blocksOpen preview
Hero wall field rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroHeroNeeds plugin

Hero wall field

A masthead over a band of drifting posters: a display headline, one line of lede and one action, then an edge-to-edge isometric field of twenty-eight picture tiles that is 520px of band and nothing more, its top and bottom faded out so the lanes read as running on past the section rather than stopping at a cut.

7 blocksOpen preview