Section templates

Carousels, seven ways.

Seven carousels, each one a self-contained block of markup you can copy. Most run on Deck's .carousel: scroll snap moves the slides, and deck-extras.js adds arrows, dots and a slide event. Drag the hue slider to retint them all, and resize: every one is responsive.

01

Hero slider

Full-width photos, a caption with a call to action, arrows, dots and autoplay with a pause button. Best for travel and editorial home pages.

02

Peek cards

Story cards with the next one peeking in from the edge. Best for case studies, guides and blog posts.

Customer stories

Teams that got their Mondays back

All 48 stories
03

Product row

Product cards with photo, price, rating and a save button, four across on a wide screen. Best for a store's home page or a "you might also like" row.

New this week

Field-tested kit for the commute and the weekend.

Shop all
04

Testimonials

One quote at a time beside a rating summary, with the controls tucked under the quote. Best for social proof on a pricing or sign-up page.

What customers say

Loved by teams who hate status meetings.

4.9 from 2,140 reviews
Read all reviews
05

Logo marquee

Two rows of wordmarks drifting in opposite directions; hover to pause. Best for a "trusted by" band.

Trusted by 2,000 teams who ship every week

  • Fieldnote
  • Morrow & Co
  • Tidewater
  • Kiln
  • ostra_
  • Parcel+Pine
  • Halyard
  • Northwind
  • Brightline
  • quarry/
  • Saltmarsh
  • Lumen
  • Crewline
  • Altura
07

Coverflow

Book covers on a scroll-snap strip that tilt away from the centre in 3D. Best for albums, books and anything with a cover.

Staff picks · October

Seven books we could not put down

Drag, swipe, or focus the strip and use the arrow keys