KUIreact

Composable UI System for Real Products

A production-ready component library built with Next.js and React. A layered design system and component architecture for real-world applications across multiple industry verticals.

Quick Start

$npm install

$npm run dev

Server starts at http://localhost:3000

Scripts

npm run devdevelopment server
npm run buildproduction build
npm startproduction server
npm run lintlint checks

Tech Stack

Next.js

16.3.6

React

TypeScript

Tailwind CSS

Module Layers

1modules/ui/Primitive components — atoms & molecules

2modules/app/Application-level patterns — organisms

3modules/domain/Industry-specific domain components

4modules/showcase/Documentation & live preview system

5app/theme/Full-page multi-product demos

Each layer builds on the one above it. Keep business logic in domain/app layers; ui components stay generic.

The KUI Family

KUIreact, KUIejs and KUInative are one design system: the same tokens, the same components and the same showcase, pixel for pixel — on Next.js, Express + EJS and React Native.

KUIreact

Next.js · React

You are here

kui-react.kuray.dev

KUIejs

Express · EJS

kui-ejs.kuray.dev

KUInative

Expo · React Native

kui-native.kuray.dev

Standalone libraries

KUI Player