Harbour study
Cool shadows, one warm accent.
Compare & browse
FreeSlide between two versions, scroll through a set, triage a queue, or turn a ring of options.
Compare a color grade
Browse the studies
1 of 6
Terrace study
Repeating arches at three depths.
Ridge study
Layered hills with a low sun.
Palette notes
Six categorical colors, quieter in light mode.
Grid notes
Eight-point grid with a 4-point half step.
Type notes
Two weights. Size does the rest.
Page appearance
Components #
Each component has its own page with a focused preview, installation, usage and API.
- Image compareTwo images stacked with a draggable divider.
- CarouselA swipeable row of slides with controls and dots.
- Card stackA pile of cards you flick through one by one.
- Cylinder carouselItems arranged around a rotating cylinder.
- Scroll shadowA scroll area whose edges fade only where there is more to see, easing in and out as you reach either end.
- Read moreLong text kept to a few lines until asked for: it opens to its full height, closes to a faded edge, and the button appears only when needed.
- Transfer listChoose a subset from a long list: tick items and move them across, and they slide into the other side from where they came.
- Page dotsWhere you are in a set of slides: the current dot stretches into a pill that fills while slides advance on their own.
- Swipe tabsTabs for touch: swipe the content and the next panel follows the finger while the indicator slides in step.
- Drill down menuA menu that goes deeper one level at a time: the next level slides in, Back slides it out, and the height eases to fit.
- Scroll timelineA history down the page: the line fills as you scroll and each entry lights and settles as the line reaches it.
- Scroll spy navAn outline that follows your reading: a marker glides to the section in view, and choosing a link scrolls there and moves focus into it.
- Load moreThe end of a long list: the next page loads as it comes into view, failures offer a retry, a button does the same for keyboards, and the end says so.
- Shortcut sheetEvery keyboard shortcut in one place: while it is open, pressing a shortcut lights its row instead of running it, and a filter narrows the list.
- Reading progressWhere you are in a long page, in a small pill that appears once you start scrolling: a ring that fills as you read, the section you are in and how far through you are. Press it to jump to another section.