Documentation

UI

Theme foundations, static styling, React primitives, layouts, and DevTools UI.

The UI packages provide Plumile visual primitives and shared styling. They are public packages, but they intentionally follow Plumile application conventions.

Pages in this section

  • UI overview - Plumile visual primitives, layouts, and admin-oriented components.
  • Theme - ThemeProvider, tokens, accessibility helpers, and vanilla-extract styling.
  • App styling - Import public CSS and use sprinkles, vars, responsive styles, and vanilla-extract.
  • Components - Primitives, forms, layouts, shells, dashboards, and backoffice visuals.
  • Component composition - Compose router links and UI primitives in application components.
  • DevTools UI - Shared UI primitives for DevTools panels and extensions.