Kuat Design System

A comprehensive design system built with modern web technologies.

Packages

• @equal-experts/kuat-core: Core design tokens and utilities
• @equal-experts/kuat-react: React component library
• @equal-experts/kuat-vue: Vue component library
• @equal-experts/kuat-docs: Documentation site

Getting Started

Installation

pnpm install @equal-experts/kuat-core
# For Vue
pnpm install @equal-experts/kuat-vue
# For React
pnpm install @equal-experts/kuat-react

Usage

Vue

<script setup>
import { Button } from '@equal-experts/kuat-vue'
</script>

<template>
  <Button variant="primary">Click me</Button>
</template>

React

import { Button } from '@equal-experts/kuat-react'

function MyComponent() {
  return <Button variant="secondary">Click me</Button>
}

Development

This project uses pnpm workspaces. To get started:

pnpm install
pnpm build
pnpm dev

Documentation

Visit the documentation site for detailed information about using the design system:

cd docs
pnpm dev

License

MIT