Skip to content

Stack guides / UI kits

Free UI kits, icons and design tools

Frameworks, component libraries, icons, fonts and the small libraries most apps end up needing. All free; most are MIT licensed.

46 options. Free tiers, catches and prices checked by hand on 2026-10-27; each one links to its sources.

Where we’d start: shadcn/ui. The components AI tools use by default; the code is copied into your project so you can change anything.

Framework

AstroMIT

A framework for fast content sites: plain HTML by default, with interactive parts only where you need them.

Best for: Blogs, docs, landing pages and directories that need to rank in search. Skip it if: Your app is mostly logged-in screens with lots of interactivity.

Free and open source

Free

Checked 2026-10-27: github.com

ExpoMIT

The usual way to build React Native apps for iPhone and Android from one codebase.

Best for: Mobile apps built by web developers or with AI tools. Skip it if: You only need a website: a responsive web app is cheaper to ship.

Free plan (EAS)

  • Up to 15 Android and 15 iOS cloud builds
  • Over-the-air updates for 1,000 monthly active users
  • Low-priority build queue

Publishing on the App Store also needs an Apple Developer account, which is paid yearly.

Starter, $19/mo plus usage

Checked 2026-10-27: expo.dev, github.com

Next.jsMIT

The most used React framework: pages, server code and API routes in one project.

Best for: Web apps that need server code, SEO and a big ecosystem; AI coding tools know it best. Skip it if: You only need a simple static site.

v0 generates Next.js, and Claude Code and Cursor know it very well.

Free and open source

Free

Checked 2026-10-27: github.com

React + ViteMIT

A React single-page app built with Vite: quick to develop and easy to host anywhere.

Best for: Apps where a backend service such as Supabase handles data and login. Skip it if: Search engines need to read your pages without running JavaScript.

Bolt and Lovable projects created before May 2026 use React, Vite, Tailwind and shadcn/ui.

Free and open source

Free

Checked 2026-10-27: github.com, github.com

React RouterMIT

React with server loaders and actions; the framework Remix became.

Best for: React apps that want server rendering without Next.js conventions. Skip it if: You’re new to React: Next.js has more tutorials and templates.

Free and open source

Free

Checked 2026-10-27: github.com

SvelteKitMIT

Svelte’s app framework: small, fast pages with server code built in.

Best for: Developers who prefer Svelte’s simpler syntax. Skip it if: You want the widest choice of ready-made components, which are mostly React.

Free and open source

Free

Checked 2026-10-27: github.com

TanStack StartMIT

A full-stack React framework from the TanStack team, with type-safe routing and server functions.

Best for: React apps that need server code and deploy to Node, Workers or most serverless hosts. Skip it if: You want the biggest pool of tutorials and templates (Next.js has more).

Lovable builds new apps on TanStack Start (since May 2026); older Lovable projects use React and Vite.

Free and open source

Free

Checked 2026-10-27: github.com, docs.lovable.dev

UI components

shadcn/uiMITOur pick

Copy-into-your-project React components built on Tailwind CSS and headless primitives, with a CLI and registry.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

Ark UIMIT

Headless, accessible components for React, Vue, Solid and Svelte.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

daisyUIMIT

Tailwind CSS plugin that adds semantic component classes and themes.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

FlowbiteMIT

Tailwind CSS component library with interactive JS components.

A paid Pro version adds more components and blocks.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

Headless UIMIT

Unstyled, accessible components designed for Tailwind CSS.

No release or commit since Apr 2026.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

HeroUIMIT

React component library (formerly NextUI) styled with Tailwind CSS.

v3 is the current major; package and repo licenses differ but both are permissive.

Free and open source

Free

Checked 2026-10-27: github.com, github.com, npmjs.com

Magic UIMIT

Animated React components (shadcn-style, Tailwind CSS and Motion) for landing pages.

Free and open source

Free

Checked 2026-10-27: github.com

MantineMIT

Full-featured React component library with hooks, forms and date/chart packages.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

MUI (Material UI)MIT

React component library implementing Material Design.

MIT covers Material UI; advanced MUI X components (e.g., Data Grid Pro/Premium) need a paid commercial license.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

Origin UI (now coss.com/ui)MIT

Copy-paste React components; now coss ui (Cal.com’s design system on Base UI), with Origin UI kept as a legacy snapshot.

Origin UI is legacy with limited support; origin-space/originui redirects to cosscom/ui.

Free and open source

Free

Checked 2026-10-27: github.com, github.com

TremorApache-2.0

Copy-paste React chart and dashboard components built on Tailwind CSS and Recharts.

Effectively unmaintained: no commits in the last 12 months.

Free and open source

Free

Checked 2026-10-27: github.com, github.com, npmjs.com

Aceternity UIProprietary

Animated Tailwind CSS and Motion React components copied from the website.

Pro licence allows unlimited end products but bans marketplace resale and selling templates; confirm the free-component terms before shipping.

No free plan

Free

Checked 2026-10-27: ui.aceternity.com

Icons

HeroiconsMIT

SVG icon set from the makers of Tailwind CSS.

Infrequent releases.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

IconifyMIT

Unified framework for using icons from 100+ open icon sets.

Each icon set keeps its own license; some require attribution.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

LucideISC

Open-source icon set with packages for React and other frameworks.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

Fonts

FontsourceMIT

Self-host open-source fonts as npm packages.

Font files keep their original licenses (mostly SIL OFL).

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

Google FontsCustom license

Free font library you can link to or self-host.

Commercial use and self-hosting allowed; check each family’s license and any Reserved Font Name before modifying.

No free plan

Free

Checked 2026-10-27: github.com

Design

FigmaService

Collaborative interface design, prototyping and whiteboarding tool.

Starter (free)

  • 3 files in one team folder, unlimited drafts
  • 30-day version history
  • No Dev Mode or shared libraries

Professional Full seat, $16/mo

Checked 2026-10-27: figma.com, help.figma.com

PenpotMPL-2.0

Open-source, self-hostable design and prototyping tool (Figma alternative).

Free and open source

Free

Checked 2026-10-27: github.com, github.com

unDrawCustom license

Free, colour-customisable SVG illustrations.

Free

  • Commercial use allowed, no attribution needed

You may not redistribute the illustrations as packs, build a competing service or use them for AI training.

Free

Checked 2026-10-27: undraw.co

Library

Motion (formerly Framer Motion)MIT

Animation library for React and JavaScript.

Motion+ is a paid one-time membership for premium examples, components and the AI Kit; the library itself is free.

Free and open source

Free

Checked 2026-10-27: github.com, motion.dev

Prisma ORMApache-2.0

Type-safe ORM with schema, migrations and query client for Node.js/TypeScript.

Repo renamed from prisma/prisma to prisma/orm; the npm prisma package’s latest tag points to 8.0.0-rc.28 while @prisma/client latest is 7.10.1, so pin matching versions.

Free and open source

Free

Checked 2026-10-27: github.com, github.com, npmjs.com

TanStack TableMIT

Headless table and data-grid logic for React and other frameworks.

v9 is the current major version.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com

TiptapMIT

Headless rich-text editor framework built on ProseMirror.

Collaboration, comments, AI toolkit and other Platform features are paid (Start $49/mo, Team $149/mo, Business $999/mo; 30-day trial).

Free and open source

Free

Checked 2026-10-27: github.com, tiptap.dev

tRPCMIT

End-to-end type-safe APIs for TypeScript without code generation.

Free and open source

Free

Checked 2026-10-27: github.com, github.com

ZodMIT

TypeScript-first schema declaration and validation.

Free and open source

Free

Checked 2026-10-27: github.com, npmjs.com