Tools we trust

Reuse covers a few parts. For the rest of an interface we reach for these. Each one does its job well and leaves the look to you.

Icons

HugeiconsThousands of free stroke-rounded icons on one 24 px grid, imported one at a time, with packages for React, Vue, Angular and Svelte.hugeicons.comLucideAn open-source icon set with a consistent stroke, drawn by a community and shipped for most frameworks.lucide.dev

Components

shadcn/uiAccessible components you copy into your project as source, so you own and change every line.ui.shadcn.comBase UIUnstyled, accessible React components that handle focus, keyboard and state and leave the look to you.base-ui.comcmdkA fast, unstyled command menu for React with filtering and keyboard navigation built in.cmdk.paco.meSonnerToast notifications for React that stack, swipe away and need almost no setup.sonner.emilkowal.ski

Motion and numbers

MotionSprings, gestures and layout animation for JavaScript and React, with a small API.motion.devNumberFlowAnimates a number from one value to the next, digit by digit, with formatting from Intl.NumberFormat.number-flow.barvian.me

Code

Highlights by PierreA syntax highlighter written in WebAssembly Text, with 80 built-in languages, that runs in Node.js, browsers and Cloudflare Workers.diffs.com