The decks

  • carouseldeckCarousel
  • playdeckVideo player
  • pagedeckSite framework
/carouseldeck
  • Docs
  • Examples
  • GitHub
Install

Getting started

  • Introduction
  • Install
  • Quickstart

Guides

  • Layout is CSS
  • The index
  • Focal slide
  • Loop
  • Drag
  • Autoplay
  • Vertical and right-to-left
  • Pages
  • Progress and data attributes
  • Effects
  • Theme
  • Server rendering
  • Accessibility
  • Known limits

Reference

  • Primitives
  • Hooks

Recipes

  • Overview
  • Centre the first and last slide
  • Highlight the middle slide in view
  • Size a curve
  • Card stack
  • Custom controls and a counter
  • Per breakpoint
  • Playdeck video

Compare

  • Compare

Recipes

Common setups that are CSS or a little of your own code, not options. Each runs in a story in this repo's storybook, named at the end of the recipe. In the CSS, .products, .showcase and .cards are classes on Deck.Root.

  • Centre the first and last slide
  • Highlight the middle slide in view
  • Size a curve
  • A card stack
  • Custom controls and a counter
  • Change effect, loop or autoplay per breakpoint
  • Play a playdeck video in the focal slide
Previous HooksNext Centre the first and last slide
MIT licensed.Built with pagedeck. Served by Cloudflare.