Web Libraries & Components

Curated list of the best UI libraries, component kits, and web tools. Direct links, install commands, zero fluff.

25 Libraries · 11 Categories

UI Components6

Aceternity UI

Premium animated components for React. Spotlight, 3D cards, aurora backgrounds, and more.

Best animationsReact

shadcn/ui

Copy-paste Radix-based components. The gold standard for React UI.

Copy-pasteRadix

HeroUI

Beautiful, accessible React components with built-in dark mode.

Full libraryAccessible

ReactBits

Creative animated components — text effects, scroll animations, transitions.

AnimationsCreative

Auth1

Supabase Auth

Auth baked into your database. Email, OAuth, phone, magic links.

Full stackFree tier

Database1

Supabase

Postgres database + auth + storage + realtime. The open-source Firebase.

All-in-oneGenerous free tier

ORM2

Drizzle ORM

TypeScript ORM that feels like writing SQL. Lightweight and fast.

Type-safeLightweight

Prisma

Next-gen ORM with auto-generated types and a visual database editor.

PopularGreat DX

Payments2

Stripe

The payments standard. Checkout, subscriptions, invoices — everything.

Industry standardSubscriptions

Lemon Squeezy

Merchant of record. Handle taxes, billing, and subscriptions globally.

Handle taxesSimple setup

Email2

Resend

Modern email API for developers. Works beautifully with React Email.

Best DXReact Email

React Email

Build emails with React components. Preview, test, and send.

Component-basedPreview

State & Data3

Zustand

Tiny, fast state management. No boilerplate, no providers.

MinimalNo boilerplate

TanStack Query

Server state management. Caching, refetching, pagination — handled.

Server stateCaching

Jotai

Primitive and flexible state management. Atomic approach to React state.

AtomicFlexible

Forms1

React Hook Form

Best forms library. Period. Performant, flexible, and easy to use.

PerformantZod integration

Analytics3

PostHog

Product analytics, feature flags, session replay. All-in-one and open source.

All-in-oneOpen source

Vercel Analytics

Zero-config analytics for Next.js. Web Vitals + custom events.

Zero configWeb Vitals

Plausible

Privacy-friendly analytics. Lightweight script, no cookies needed.

Privacy-firstLightweight

CMS2

Sanity

Structured content platform. Real-time collaboration and a great Studio UI.

Real-timeCustomizable

Contentlayer

Transform your content into type-safe JSON data. Perfect for MDX blogs.

Type-safeMDX

File Upload2

UploadThing

File uploads for Next.js. Type-safe, fast, and simple API.

Next.js nativeType-safe

Cloudinary

Image and video management. Transform, optimize, and deliver media.

Image optimizationCDN

Command Palette