Quickstart starters for PrimeReact v11 — one per framework and styling mode. Pick the one that matches your stack.
PrimeReact v11 offers four approaches:
- Styled — pre-themed components driven by design tokens.
- Headless — unstyled hooks; you bring your own markup and styling.
- Primitive — unstyled primitive components you style yourself.
- Tailwind — PrimeReact primitives wrapped with Tailwind + PrimeUI tokens.
| Folder | Framework | Mode |
|---|---|---|
| nextjs-quickstart | Next.js | Styled |
| vite-quickstart | Vite | Styled |
| astro-quickstart | Astro | Styled |
| tanstack-quickstart | TanStack Start | Styled |
| react-router-quickstart | React Router | Styled |
| nextjs-headless-quickstart | Next.js | Headless |
| nextjs-primitive-quickstart | Next.js | Primitive |
| nextjs-tailwind-quickstart | Next.js | Tailwind |
| vite-tailwind-quickstart | Vite | Tailwind |
| astro-tailwind-quickstart | Astro | Tailwind |
| tanstack-tailwind-quickstart | TanStack Start | Tailwind |
| react-router-tailwind-quickstart | React Router | Tailwind |
cd <folder>
npm install
npm run devEach starter's README lists its dev URL and the file to edit.
- PrimeReact — primereact.dev
- Get all access — primeui.store