Dashboard details

The small controls a back office is made of, rebuilt one at a time with their motion intact — what moves, how far, how fast, and what it does at the edges. First: pagination, eight ways, each with its own selection animation, hover state and disabled ends.

Pagination · eight styles

Eight ways to move between pages, stacked as cards: classic squares, pills with an ellipsis window, dots that stretch into a bar, bordered boxes, a track with a sliding runner, a compact odometer, a progress bar and numbered steps. Every one of them works — arrows disable at the ends, the selection animates the way the reference does, and hovering a card lights its number.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

All categories