Packages

shadcn/ui is a collection of reusable, unstyled React components built on Radix UI and Tailwind CSS, copied into your codebase for full customization. It emphasizes accessibility and composability without vendor lock-in.

date-fns is a modular, immutable JavaScript date utility library providing functions for formatting, parsing, and manipulating dates without mutating originals. It's lightweight and tree-shakeable.

@tanstack/react-query (formerly React Query) is a data synchronization library for React, handling fetching, caching, mutations, and optimistic updates server-state. It reduces boilerplate for API interactions.

Zod is a TypeScript-first schema validation library with runtime inference, providing safe parsing for forms, APIs, and configs without codegen. Chainable API for complex schemas.

lucide-react is a React icon library with 1000+ customizable, stroke-based icons from Lucide, tree-shakeable and accessible. Lightweight alternative to Heroicons.

tailwind-merge is a utility to merge Tailwind class strings, resolving conflicts (e.g., p-4 p-2 -> p-2) for conditional styling without duplicates. Essential for dynamic classes.

axios is a promise-based HTTP client for browser/Node, with interceptors, auto JSON, and cancel tokens for robust API calls. Popular for React/Vue.

clsx is a tiny utility for conditionally joining classNames, supporting strings, arrays, objects for dynamic Tailwind/React styling without bloat. Faster than cn().

react-hook-form is a performant form library for React using uncontrolled components and native validation, minimizing re-renders with hooks like useForm. Zod integration.

Redux Toolkit simplifies Redux with configureStore, createSlice (immer), and RTK Query for async, reducing boilerplate for predictable state. Official, batteries-included.

tRPC is an end-to-end typesafe RPC framework for TS apps, using procedure routers for server-client calls without schemas or codegen. Integrates with React Query.

Zustand is a minimalistic state management library for React, using a simple store API without boilerplate, supporting middleware for persistence and devtools. It's hook-based and hooks into React's context lightly.

Framer Motion is a declarative animation library for React, using variants and gestures for smooth, production-ready motion with GPU acceleration. It supports layout animations and scroll triggers.

Tailwind CSS is a utility-first CSS framework that provides low-level classes for rapid UI development without leaving your HTML. It encourages custom designs via configuration and purging for optimized builds.

Three.js is a JS library for 3D graphics in the browser using WebGL, providing scenes, cameras, and materials for interactive models/animations. Simplifies complex rendering.