JoyUI Docs

React 设计系统为智能体界面而打造

Foundations, base components, compounds, charts, and templates — built with React 19, Tailwind CSS v4, and React Aria.

快速入门

Init / CLI / MCP — install tokens and utils in minutes.

基础规范

Color and type scale from Figma semantic tokens.

基础组件

Button, Input, Select, Modal — high-fidelity primitives.

组合组件

Agent thinking, composer aurora, medical cards, auth.

图表

StatCards, revenue area chart, orders bars.

模板

AI chat starter; Pro covers kanban / medical / marketing.

Total revenue

$152,313.92

From last month

16%

Total orders

25,162

From last month

20%

New customers

3,847

From last month

8.1%

Refunds

$4,209.44

From last month

2.4%

Revenue

$152,314

+16%

$131,304 last year

This year
Last year

Ask the agent to build a revenue dashboard…

Composing0.0s
M

Mertcan Esmergül

Date of Birth
28 July, 1997
Gender
Male
Blood Type
A rh+
GP Doctor
Mattheus Clarkson

Important alerts

12

this week
29 Jun - 5 Jul

High Heart rate

Your heart rate rose above 120 BPM while you seemed to be inactive for 10 minutes starting at 8:59 AM, 12 June.

June, 12

Medical ID

Your emergency contact and allergy information was updated in your Medical ID.

June, 9

Lab results ready

Your latest blood panel ordered by Dr. Mattheus Clarkson is back — cholesterol and glucose are within the normal range.

June, 9

Medication reminder

You missed your 9:00 AM dose of Metoprolol. Take it as soon as possible unless your next dose is near.

June, 8

Irregular sleep

Your bedtime shifted by more than 2 hours on 3 of the last 7 nights, which can affect your sleep score.

June, 6

Low blood oxygen

Your blood oxygen dipped to 93% for a short period during sleep on the night of 4 June.

June, 5