Luke UI

Luke UI is a React design system built on React Aria Components.

Terminal

pnpm add @luke-ui/react react-aria-components

Features

Themes

Luke UI includes two themes. To make your own, pass colour, typography, radius, and depth choices to defineTheme, or extend a bundled theme. Each generated theme has light and dark modes and passes contrast checks.

Static CSS

Styles are static CSS with no runtime styling. You can apply a theme without a React provider.

Components and primitives

Use composed components, use the exported primitives when you need more control, or use React Aria Components directly.

Loading states

Buttons with async actions manage their own pending state. Skeletons and spinners keep the size of the content they replace.

Validation

Validate with browser constraints, custom rules, or controlled and server errors, or hand validation to a form library.

Typography

Text is trimmed to its visible bounds. Heading levels can follow component structure automatically.