Carousels and showcases

Components in this family

• Sample contentDrag, or use the arrow keys.

  The spring page was live before lunch. The form even asks for consent, which my lawyer liked.

  I can change the headline without opening a ticket. The page stayed calm the whole time.

  Small things, done with care. I keep finding little touches I did not ask for.

  Rolling back was one click. I tested it twice just to enjoy it.

  Review carousel

  Star reviews on cards you drag with inertia.

  <review-carousel>

• Sample content: invented brandsPause the marquee

  • Kestrel & Co
  • Vantacore
  • Plumeria
  • Haloform
  • Quarry Lane
  • Mintwave

  • Kestrel & Co
  • Vantacore
  • Plumeria
  • Haloform
  • Quarry Lane
  • Mintwave

  Logo marquee

  A strip of brand logos that slides in a loop.

  <logo-marquee>

• Start small

  Publish one component today. A page that exists beats a plan that does not.

  Keep it yours

  Your data belongs to you. Collect only what the page really needs.

  Undo is cheap

  Every publish is a new version, so going back is a pointer, not a panic.

  Test on a phone

  Thumbs are clumsy and honest. Try the page with one.

  Skip↺Keep

  Swipe a card away, or use the arrows.

  Card 1 of 4: Start small

  Swipeable card stack

  A pile of cards you flick away, with the keyboard as an equal.

  <card-stack-swipe>

• Sample content

  Blue HourPaper MoonStatic BloomLate TrainsCopper Sky

  Static Bloom, 3 of 5

  Click a side cover, or use the arrow keys.

  Cover flow

  A row of covers in depth, where the selected one faces front.

  <coverflow-3d>

• Sample content: invented people and brands

  It felt like the page was already finished before I started explaining it.

  Quiet, quick and it never fought the rest of the site.

  I changed the wording on a Sunday and nobody had to wake up.

  The form asked for consent, and for once that was the easy part.

  Small details, done on purpose. I kept finding more.

  Quote wall

  Quotes in columns with drawn quotation marks and initials avatars.

  <quote-wall>