Slider

Logo Grid

Static grid of brand, partner, or supplier logos.

Loading playground

Overview

LogoGrid is the static grid of brand, partner, or supplier logos. Reach for it on "as seen in" rows, "trusted by" sections, and supplier directories where the list is short and fixed.

For longer logo lists that benefit from rotation, switch to LogoSlider. The two components share the same slides shape, so you can swap layouts without restructuring data.

Key Business & UX Benefits

"As seen in" and "trusted by" rows lend instant credibility, raising conversion on landing pages where audiences are unfamiliar with the brand.
A static grid loads instantly with no rotation, perfect for trust strips where every logo should be visible at a glance.
Sharing the slides shape with LogoSlider means teams can swap layouts based on logo count without re-authoring data.
Editors keep the partner list current in Studio, so directory pages reflect new relationships without an engineering ticket.

Feature List

Static grid of brand, partner, or supplier logos for 'as seen in' and 'trusted by' trust strips
Loads instantly with no rotation, so every logo is visible at a glance
Shares the slides shape with LogoSlider, so teams swap layouts based on logo count without re-authoring data
Optional heading and orientation tune the row to match the surrounding page rhythm
Editors keep the partner list current in Studio as relationships evolve

API Reference

Prop	Default	Type
`slides`required		`LogoSliderSlideProps[] { title, href, logo, 1 more }`
`caption`		`string`
`captionColor`		`string`
`heading`		`string`
`headingColor`		`string`
`headingAs`		`TextGroupHeadingAs ("h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| 2 more)` Semantic HTML element for the heading (h1-h6 or div). Defaults to h2.
`subline`		`string`
`sublineColor`		`string`
`sublineAs`		`TextGroupSublineAs ("h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| 3 more)` Semantic HTML element for the subline (p, h2-h6, div). Defaults to p.
`orientation`	`center`	`"center" \| "left"`
`textSize`	`m`	`"s" \| "m" \| "l"`
`logoBackground`		`string`

Edit this pageorReport an issue

Hero Slider

A flexible hero that works as a static block or an interactive slider with full-width backgrounds.

Logo Slider

Animated slider of brand, partner, or supplier logos.