UI Kits & Design Resources

Designer-side starting points — UI kits, templates, and pre-designed component libraries you open in Figma / Penpot. The implementation-side picks live in UI Components. For design tokens, see Design Systems & Tokens.

OSS / free UI kits with first-party design files

• ★ shadcn/ui — implementation in UI Components; the Figma kit (shadcn-ui-kit) is community-maintained and free. The default if your codebase is shadcn-flavored.
• ★ Penpot Templates — free OSS; growing official template library inside Penpot.
• Material 3 (Google) — free; official Figma kit; pairs with M3 implementations.
• Apple Design Resources — free; official iOS / macOS / visionOS kits in Figma / Sketch / XD.
• Microsoft Fluent UI — free; Figma kit + open-source implementations.
• Carbon Design System (IBM) — free OSS; full design + code.
• GOV.UK Design System — free OSS; the gold-standard accessible / public-sector kit.

Free / freemium "marketing-grade" kits (Figma)

• ★ Untitled UI — closed source; free starter + paid full kit; the most polished general-purpose Figma kit. The default "give me a beautiful starting point."
• Pixelify / Layers / Setproduct — various freemium kits.
• Atlas Kit — free Figma kit aimed at SaaS dashboards.
• TailGrids UI — free; Tailwind-flavored.
• Penpot Templates — see above; free OSS alternative.

Tailwind-flavored kits (paired Figma + code)

• ★ Tailwind UI (Plus) — closed source, paid (one-time); Tailwind Labs' polished components + free Figma kit.
• DaisyUI — see UI Components; free OSS; community Figma kits exist.
• Flowbite — freemium; Tailwind components with Figma kit.
• Preline UI — freemium; same shape.
• HyperUI — free OSS Tailwind components; no first-party Figma kit but easy to recreate.

Mobile-leaning UI kits

• iOS 18 UI Kit — free; Apple Design Resources.
• Material 3 — see above.
• React Native Paper / Tamagui — see Mobile Native.

Email / OG / specialty kits

• React Email — free OSS; see Email; ship Figma-designed emails as React.
• OG Image kits — see OG Images.

Templates / starter sites (sit alongside UI kits)

• ★ Vercel Templates — free; production-grade Next.js starts.
• Astro Themes — free / freemium.
• Nuxt Themes — free / freemium.
• Cruip — closed source; freemium Tailwind site templates.
• See Starters for full app starts.

Figma Community (general)

• ★ Figma Community — free; massive library of free / paid kits, plugins, and templates. The "search before you build a kit" answer.
• Penpot Hub / Community — free OSS equivalent.

Pick this if…

• shadcn-flavored project, want a Figma kit: community shadcn Figma kit.
• Polished general-purpose starter kit: Untitled UI free tier.
• Fully OSS pipeline: Penpot Templates.
• Marketing-quality paired Figma + code: Tailwind UI Plus.
• Public-sector / accessibility-first: GOV.UK Design System.
• Browse before building: Figma Community.