React 19 / Next.js 16 / Tailwind v4 / shadcn registry

Quinkit UI

Composable React interfaces built for real product domains.

Production components with domain themes, semantic palettes, a shadcn-compatible registry, and LLM-friendly docs for teams shipping serious products.

Read the docsExplore components
bash
pnpm add @quinkit/ui
Version
v1.1.0
Components
38 components
Themes
20 themes
Palettes
64 palettes
Domain skin presets
Q

Quinkit App

Dashboard kit

Live

MRR

$48.2k

+12.5%

Users

2,318

+4.2%

NPS

72

Good
Enterprise plan$299/mo
Onboarding68%
  • React 19
  • Next.js 16
  • Tailwind v4
  • TypeScript
  • Registry

The library

Built for the products you ship.

Not a starter kit. A mature foundation for React and Next.js products that need themes, accessibility, and a real developer workflow.

Inventory

38

Components

Atoms, molecules, data feedback, and organisms. Each includes live examples, a11y notes, and registry install.

20

Themes

5 domain kits, 15 sub-themes. Scoped via data attributes — docs chrome never recolors.

64

Palettes

Semantic color systems tuned for SaaS, fintech, healthcare, commerce, and learning.

Stack

React 19Next.js 16Tailwind CSS v4Radix UITypeScript

Delivery

npm packageshadcn registryllms.txt / llms-full.txt

Components

Working examples, not screenshots.

Every surface below is a real, interactive Quinkit composition. Open docs for code, API, and accessibility notes.

Command search

Searchable actions with keyboard shortcuts

Open docs

Themes & palettes

Theme Studio is the product, not a settings form.

Five domain kits, fifteen sub-themes, sixty-four palettes. Switch them live against real product interfaces without recoloring the docs chrome.

Choose a product domain

Dashboard kit

Metrics, navigation, activity, and tabular data

Scoped preview
Background
Surface
Primary
Secondary
Accent
Border
Text
Muted text
Success
Warning
Destructive
Chart
Q
Insights StudioEnterprise Analytics
JD

Executive Dashboard

Performance analytics for Q3 2026.

Seven-day analytics
Thirty-day analytics
Ninety-day analytics

Total Revenue

ARR

$48,250.00

+12.5%vs last month

Active Subscribers

Seats

2,318

+4.2%vs last month

Conversion Rate

Yield

3.6%

+0.8%vs last month

Churn Rate

Retention

1.1%

-0.3%vs last month

Monthly ARR & Expansion Stream

Recurring subscriptions vs expansion

Area Chart
Area chart
JanAprJulOct
Recurring ARR$36.4k
Expansion ARR$11.8k

Quarterly Targets

Q3 Benchmarks

New MRR Target78%
Account Expansion54%
Net Retention Rate92%

Key Enterprise Accounts

Active subscriptions and monthly revenue

HP

Harbor & Pine Labs

Enterprise

$4,200.00

Active
NT

Northstar Tech

Team Scale

$0.00

Trial
JW

Juniper Creative

Pro Business

$890.00

Active
AD

Apex Data Systems

Enterprise

$6,500.00

Active
Open Theme StudioFull domain showcase

Ecosystem

A component system that grows with you.

The architecture is built for expansion: variants, modes, domain kits, and production blocks without rewriting your product.

Available today

  • 38 core components

    Atoms to organisms, documented with live examples

  • 20 theme identities

    5 domain kits, each with 3 sub-themes

  • 64 semantic palettes

    Neutral, SaaS, fintech, healthcare, commerce, learning

  • shadcn-compatible registry

    Bridge files that re-export from the npm package

  • LLM documentation

    llms.txt and llms-full.txt for AI coding agents

On the roadmap

Coming soon

  • Component variants

    In development

    Multiple visual variants per component — compact, expressive, editorial

  • Interaction modes

    Planned

    Dense, comfortable, and touch-first modes for every component

  • Domain kits

    In development

    Deeper domain-specific component packs — charts, dashboards, checkout flows

  • Premium layouts

    Planned

    Application shells, marketing pages, settings screens, and onboarding flows

  • Production blocks

    Planned

    Advanced composed patterns — data grids, kanban boards, analytics dashboards

Architecture, theme tokens, and registry are designed so these land without breaking changes.

Inventory

38 components, fully documented.

Organized from atoms to organisms. Each page ships with live examples, accessibility notes, and registry install commands.

Atoms12

Data feedback11

Molecules12

Organisms3

Developer workflow

From install to product in five steps.

Install from npm, import styles once, add components via the package or the shadcn-compatible registry, then choose a theme and ship.

  1. 1

    Install

    Add the npm package to your React app.

    pnpm add @quinkit/ui
  2. 2

    Import styles

    Load tokens, themes, and palettes once at the app root.

    import "@quinkit/ui/styles";
  3. 3

    Add components

    Import from the package or pull a registry bridge file.

    import { Button } from "@quinkit/ui";
// or: npx shadcn@latest add https://quinkit-ui.vercel.app/r/button.json
  4. 4

    Choose a theme

    Set a domain theme and palette on any subtree.

    <html data-theme="fintech" data-palette="emerald-wealth">
  5. 5

    Ship your product

    Deploy with confidence — WCAG-accessible and performance-tested.

    pnpm build && pnpm deploy
bash
npx shadcn@latest add https://quinkit-ui.vercel.app/r/button.json

LLM-ready docs

Point AI coding agents at /llms.txt or /llms-full.txt for accurate package imports, registry usage, and component inventory.

Get started

Ready to build something real?

38 components, 20 themes, 64 palettes — all production-ready. Start building today.

Start buildingBrowse components