Web Dev Tools

Categories Overview

A map of the tool categories most useful when building modern web apps.

The categories below cover the choices you make on a typical web project. Each page lists the most popular options as of May 2026 with a "pick this if…" line at the bottom.

Frontend foundations

  • Frameworks & Meta-frameworks — Next.js, React Router, TanStack Start, Astro, SvelteKit, Nuxt, Solid Start.
  • UI Component Libraries — shadcn/ui, Radix, HeroUI, Mantine, Park UI, Material UI.
  • Styling — Tailwind, CSS Modules, vanilla-extract, Panda CSS, StyleX, UnoCSS.
  • Color & Theming — Radix Colors, OKLCH, culori, palette generators.
  • Fonts & Typography — next/font, Fontsource, fontaine, capsize, Utopia.fyi.
  • Icons — Lucide, Heroicons, Phosphor, Tabler, Iconify.
  • Animation — Motion (Framer Motion), GSAP, AutoAnimate, React Spring.

Data & state

Backend & data

Server libraries

Cross-platform

Content & editing

Graphics & games

Media

AI engineering

Integrations

Display & UX

Discovery / SEO

Ecommerce

Tooling & ops

Dev environment

Dev tools (apps you use)

Product & support

Curated families

On this page