TRA SummitDesign System

CLI

Scaffold a new TRA app pre-wired with the Summit Design System in one command.

Create a new app

Run from the monorepo root. The app is placed under apps/ automatically.

pnpm create-app my-app

or

make new-app APP=my-app

Then install and start:

pnpm install
pnpm --filter my-app dev

What you get

  • Next.js (App Router) pre-configured
  • @tra/ui installed and imported
  • tailwind.config.js pointing to the @tra/ui preset
  • Base layout with TRA Summit fonts, theming, and color system
  • TypeScript + ESLint from @tra/config
  • pnpm ready — no extra setup

Manual install

Add to an existing workspace package:

pnpm add @tra/ui

Then in your tailwind.config.js:

module.exports = {
  presets: [require('@tra/ui/preset')],
  content: ['./src/**/*.{ts,tsx}'],
};

And in your root CSS:

@import '@tra/ui/styles';