Frontend & UI

shadcn · Tailwind · Mantine · 15 tools tracked

Excellent

Next.js

The React framework for production. Next.js provides file-based routing, server components, API routes, and optimized rendering out of the box — the standard for full-stack React apps.

TypeScriptJavaScriptReact

Compare:vs Astro vs SvelteKit

Excellent

Tailwind CSS

A utility-first CSS framework that lets you build any design directly in your markup. Tailwind eliminates writing custom CSS by providing low-level utility classes. Now the most popular CSS framework for new projects.

CSSJavaScriptOpen Source

Compare:vs shadcn/ui

Excellent

Vite

Next-generation frontend build tool. Instant dev server startup with native ES modules, lightning-fast HMR, and optimized Rollup-based production builds. The de-facto standard for modern frontend development.

TypeScriptBuild ToolFrontend

Compare:vs Next.js vs Turborepo

Excellent

Vue.js

Progressive JavaScript framework for building user interfaces — approachable, performant, and versatile with an elegant Composition API.

TypeScriptOpen SourceSPA

Compare:vs SvelteKit +1

Excellent

TanStack Query

Powerful async state management for React — server state fetching, caching, synchronization, and background updates with zero config.

TypeScriptOpen SourceReact

Compare:vs Zustand

Strong

React Hook Form

Performant React forms with minimal re-renders — uncontrolled components, built-in validation, and seamless Zod/Yup integration.

TypeScriptOpen SourceReact

Compare:vs TanStack Query

Strong

shadcn/ui

Not a library — a collection of re-usable components you copy into your project. Built on Radix UI primitives and styled with Tailwind CSS. The fastest way to build beautiful, accessible React UIs that you fully own.

TypeScriptReactOpen Source

Compare:vs Tailwind CSS

Strong

Zustand

Minimal, unopinionated React state management — a tiny bear-bones store with a hooks-based API and no boilerplate.

TypeScriptOpen SourceReact

Compare:vs Jotai vs TanStack Query

Strong

Framer Motion

The most popular React animation library. Framer Motion provides a declarative API for complex animations, gestures, and layout transitions with minimal code.

TypeScriptReactAnimation

—

Strong

Astro

Content-focused web framework that ships zero JavaScript by default — build fast static sites and SSR pages with any UI framework.

TypeScriptOpen SourceSSG

Compare:vs Next.js vs SvelteKit +1

Strong

SvelteKit

Full-stack web framework built on Svelte — compile-time reactivity, built-in SSR/SSG, and minimal boilerplate for fast web apps.

TypeScriptOpen SourceSSR

Compare:vs Next.js vs Astro +1

Strong

Radix UI

Unstyled, accessible component primitives for React. Radix UI is the foundation of shadcn/ui — providing battle-tested accessibility, keyboard navigation, and WAI-ARIA compliance out of the box.

TypeScriptReactAccessible

Compare:vs shadcn/ui