Live preview Modals
Mesa Checkout Modal
An order summary drifts in diagonally from the lower right with line items and a total.
#checkout CSS effects
2 free, pure-CSS effects match the "checkout" tag. Each is copy-ready and needs no library or build step.
Effects tagged #checkout
Live preview Timelines
Canyon Checkout Steps
Cart to payment to confirmation, where a cleared step swaps its digit for a tick.