Quickstart
Install the theme and components and get a themed app running in three steps.
This is the fastest path onto the foundation for a new or existing Next.js app. It matches the theme package README, which stays the source of truth for the install steps.
Both packages are public on npm. There is no registry configuration and no access token to set up.
Install
pnpm add @plainconceptsplatform/ui-theme @plainconceptsplatform/ui-components tailwindcssnpm install @plainconceptsplatform/ui-theme @plainconceptsplatform/ui-components tailwindcssyarn add @plainconceptsplatform/ui-theme @plainconceptsplatform/ui-components tailwindcssbun add @plainconceptsplatform/ui-theme @plainconceptsplatform/ui-components tailwindcssInitialize
npx @plainconceptsplatform/ui-theme@latest initThis copies components.json, adds the theme import to your global stylesheet, and shows you how to
wire the Outfit font in your root layout.
Add shadcn components
npx shadcn@latest add button card dialogThey inherit the theme with no extra work, and you do not need to edit the generated source: the
theme neutralises the shadow-* utilities shadcn ships with, so upstream components already look
like a Platform app.
Next steps
Frontend
Architecture, theming, dependency injection, i18n, and the everyday patterns.
Adopt in an existing app
The incremental path for a codebase that already exists.
Components
The themed catalog, with when-to-use guidance per component.
Principles
What belongs in the foundation, and what deliberately does not.
Full package details are in the theme README.