@luke-ui/react#

Luke UI is a React design system built on react-aria-components and vanilla-extract.

Install#

pnpm add @luke-ui/react

Setup#

Import the stylesheet and apply the theme class at your app root.

import '@luke-ui/react/stylesheet.css';
import { themeRootClassName } from '@luke-ui/react/theme';

export function App() {
	return <div className={themeRootClassName}>{/* your app */}</div>;
}

Components and docs#

Full component documentation, interactive examples, and API reference are at lukebennett88.github.io/luke-ui/docs.

AI agents can fetch documentation at:

• llms.txt: component index.
• llms-full.txt: full docs.
• Any docs URL with .md appended: per-page Markdown.

Components follow three tiers:

• Atoms: single units such as Text, Icon, and Heading.
• Composed components: opinionated combinations such as Button and TextField.
• Primitives: lower-level public APIs for library authors, such as button/primitive and field/primitive.

Atoms and composed components are app-developer-facing. Primitives are documented in hosted docs for library authors, separate from the primary component path.

License#

MIT