The Secret to Elite UI Kits: It's Not Features, It's Obsession with Details

What Linear, Stripe, and Vercel actually have that you don't

Most templates you can copy-paste in five minutes have the same surface area as Linear or Stripe. Sidebar, tables, settings pages, modals. The buttons work. The icons render. It ships.

Then you click a row in their table, hover, and nothing happens. Tab through it and the focus ring is the browser default — a chunky blue outline someone clearly deleted and then put back because an audit caught it. Open a dropdown in dark mode and the labels go light gray on white because the dark token wasn't wired to the menu. Press Escape with a modal open and the page scrolls underneath anyway.

You won't list these in a Notion doc titled "what's wrong with our template." You'll just feel that something is off.

---

This is an excerpt. Read the full post at otf-kit.dev/blog/the-24-item-design-checklist — full-stack kits your AI coding agent can actually ship to production. Browse the kits →