Autosave Ratchet

ui

Autosave status as a mechanical ratchet: a 10-tooth gear advances one notch per saved change and tallies the session in its rotation, while a failed save kicks the wheel back half a tooth and holds that broken pose until the next save resolves it.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/autosave-ratchet.json"

Sign In

Autosave Ratchet

ui

Autosave status as a mechanical ratchet: a 10-tooth gear advances one notch per saved change and tallies the session in its rotation, while a failed save kicks the wheel back half a tooth and holds that broken pose until the next save resolves it.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/autosave-ratchet.json"

components/ui/autosave-ratchet.tsx