UI Component Library

40+ production-ready React and Tailwind CSS components \u2014 built and used in-house. Start your next project in hours, not days.

ReactTailwind CSSTypeScript

$[TBD] USD

What\u2019s inside

40+ components, one installation, zero configuration. Here are the main groups:

Buttons — primary, secondary, ghost, and CTA variants
Form inputs — text, email, textarea, select, with validation states
Cards — content, header, and footer slots
Modals / dialogs — accessible, keyboard-dismissible
Navbars — responsive, mobile hamburger included
Footers — multi-column layout
Hero sections — headline, subhead, CTA grid
Feature grids — icon + heading + body pattern
Pricing tables — three-column, highlight slot for recommended tier
Testimonial blocks — quote, attribution, avatar
FAQ accordions — single and multi-expand
Badges and tags — accent, tag, filled-tag variants

Who this is for

You\u2019ll get value from this if\u2026

You’re building a startup product and need to move fast without sacrificing quality
You want accessible, typed components — not a copy-paste from Stack Overflow
You work in Next.js, Vite, or Remix and need something framework-agnostic
You want the same component foundation we use for our own studio projects

This isn\u2019t for you if\u2026

You need a full theme system or design system consultancy — this is a component library, not a service
You’re looking for a fully designed landing page template — this gives you the blocks, not the page

Formats & compatibility

TSX

React + TypeScript

Every component is a typed .tsx file with documented props. Drop into any React or Next.js project and import directly.

CSS

Tailwind CSS

Utility classes only. No custom CSS, no build step beyond what Tailwind already requires. The Figma source file matches the Tailwind output pixel-for-pixel.

Questions

Ready to ship faster?

Instant download. MIT licence. No royalties.