Motion

Graphite moves with one spring (stiffness 380, damping 30). Reference implementation for motion.md — copy from here.

Everyday

Press, check, count, progress, toast, sheet with push back.

Signature effects

Numbers match motion.md.

1Push back

Opening a sheet pushes the screen back, like iOS modals.

Monday, 12 OctoberO

Today

Review Q3 budget
Run 5k by the river
New task

3Rolling numbers

Digits roll into place like a counter.

Steps today

4Blur swap

Text changes melt through a soft blur instead of cutting.

3 tasks left

Today

5Collapsing title

Big title scrolls away into a frosted bar.

Inbox

Scroll ↓

6Swipe to delete

Drag rows left. Rubber-band resistance, spring back.

Inbox

7Shake on error

Wrong input shakes “no” — like the iOS passcode.

Sign in

Wrong password. Try again.

8Liquid tabs

The selection stretches as it slides — the leading edge moves first.

Today

Tap the tabs below.