PrimeReact Examples

Quickstart starters for PrimeReact v11 — one per framework and styling mode. Pick the one that matches your stack.

Modes

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.

Starters

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

Getting started

cd <folder>
npm install
npm run dev

Each starter's README lists its dev URL and the file to edit.

Links

• PrimeReact — primereact.dev
• Get all access — primeui.store