In motion · 6 of 23

The carousel layout

Full-size cards in a single row that scrolls sideways, with an arrow at each end and keyboard focus on the track itself, so it can be moved with the arrow keys and not only with a mouse.

Live — the widget script itself, not a picture of it.

Fit

Where it reads well

Best for: A section that has to stay one screen tall.
How many to show: Five upward; there has to be something off the edge.

Embed

Putting it on your page

One tag. The layout is a query string, so changing your mind later does not mean touching the page again.

The tag for this layout

<script src="https://hazelsong.com/widget/YOUR-SLUG.js?template=carousel" async></script>
<div id="hazelsong-wall"></div>

Your own slug is in your dashboard, with the tag ready to copy. Works on WordPress, Shopify, Webflow, Squarespace, Framer, Wix, or a file you wrote by hand — see where the tag goes on each one. Add &theme=dark for a dark page, or &tag=onboarding to show only the testimonials you gave that label — the label is one you added in your dashboard, and the narrowing is done on the server, so the page never receives the rest.

Alternatives

If this is not quite it

In motionMarqueeA row that travels on its own, endlessly.In motionSpotlightOne at a time, large, with dots underneath.One at a timeStripOne quotation at a time, changing.

All 23 layouts

Put the carousel on your page

All 23 layouts are on every plan, on as many pages as you like.

Start collecting Back to the gallery