Jayh

AI-Native Design System — 화면 설명만으로 프로덕션 퀄리티 UI를 생성하는 디자인 시스템

AI-Native Design System — Generate production-quality UI from screen descriptions alone

컬러, 타이포그래피, 레이아웃, 테마, 모션, 접근성 등 디자인 전략과 규칙

Colors, typography, layout, themes, motion, accessibility — design strategy and rules

설치, CDN, 사용법, 테마 커스터마이즈, 설정, 유틸리티

Installation, CDN, usage, theme customization, configuration, utilities

버튼, 카드, 다이얼로그, 탭, 폼 등 14개 순수 CSS 컴포넌트

Buttons, cards, dialogs, tabs, forms — 14 pure CSS components

Quick Start

Terminal

npm install @jayh/web

HTML

<link rel="stylesheet" href="@jayh/tokens/build/web/tokens.css">
<link rel="stylesheet" href="@jayh/web/dist/jayh.css">

HTML

<button class="jayh-btn" data-variant="primary">Get Started</button>

14 Components

281 Design Tokens

59 Design Rules

3 Platforms

Web (CSS) iOS (SwiftUI) Android (Compose)