← All categories

UI & Design

Component libraries and design tools for a polished interface.

These tools cover pre-built component libraries, design systems, and design software for putting together an interface that doesn't look homemade. Some are code-first component kits you drop into a React or Vue project; others are visual design tools for mocking up screens before you build them. Match the tool to how much of the visual design work you want handled in code versus in a design file.

A Tailwind plugin that gives you semantic class names (btn, card, modal) instead of stacking a dozen utility classes yourself. Framework-agnostic.

Still the standard for interface design and handoff. Most other design tools here either export to it or are built to pair with it.

Went from prototyping tool to full no-code website builder. Good when you want a polished marketing site live today without writing any code.

Unstyled, accessible React primitives (dialogs, dropdowns, popovers) that handle the annoying keyboard/focus-trap edge cases for you. Development has slowed since the WorkOS acquisition, but still the safe default for existing projects.

Not a component library you install, a generator that copies the source into your own repo, so you actually own and can edit every component instead of fighting an abstraction layer.

Utility-first CSS that most of the rest of this list is built on top of. If you're not using it already, expect to run into it anyway.

A huge Figma design system (10,000+ components) with a matching React/Tailwind component library, handy if you want your designs and shipped code to actually match.

Know a ui & design tool that belongs here?

Send it over and I'll take a look.

Message me on X