Integrations

Every component is a React component. React and React DOM are peer dependencies, so the app brings its own.

Works with the App Router and React Server Components. Modules that need the client already carry 'use client'; the rest stay on the server.

ESM only, one module per component with sideEffects declared, so Vite drops everything you do not import.

Optional. Without Tailwind, use the prebuilt stylesheet. With Tailwind v4, import the preset so the utilities are generated into your build instead of shipped twice.

Every colour, radius and shadow is a custom property. One call derives four accent values from a single colour and writes them to the document.

The token set as W3C Design Tokens data, for Figma plugins, Style Dictionary or anything else that reads the format. Dark mode ships as a $modes entry.

Icons are a structural type, not an import. Anything taking size, strokeWidth and className fits — Lucide, Phosphor, or your own SVG components.

A coding agent reads the real props, tokens, blocks and source over the Model Context Protocol instead of guessing them.

The same guidance as the MCP server, for harnesses that load skills: which component to reach for, the theming API and the house rules.

AuthCard renders provider buttons from data — a label, an optional mark and a click handler — so any provider whose sign-in starts from a function call fits.

The billing components display what a payment provider stores and leave card entry to the provider. Stripe’s card fields map onto PaymentMethodCard one to one.