# primereact-examples

**Repository Path**: mirrors_primefaces/primereact-examples

## Basic Information

- **Project Name**: primereact-examples
- **Description**: PrimeReact Example Projects
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-05
- **Last Updated**: 2026-08-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PrimeReact Examples

Quickstart starters for [PrimeReact](https://primereact.dev) v11 — one per framework and styling mode. Pick the one that matches your stack.

## Modes

PrimeReact v11 offers four approaches:

- **[Styled](https://primereact.dev/docs/styled)** — pre-themed components driven by design tokens.
- **[Headless](https://primereact.dev/docs/headless)** — unstyled hooks; you bring your own markup and styling.
- **[Primitive](https://primereact.dev/docs/primitive)** — unstyled primitive components you style yourself.
- **[Tailwind](https://primereact.dev/docs/tailwind)** — PrimeReact primitives wrapped with Tailwind + PrimeUI tokens.

## Starters

| Folder | Framework | Mode |
|---|---|---|
| [nextjs-quickstart](./nextjs-quickstart) | Next.js | Styled |
| [vite-quickstart](./vite-quickstart) | Vite | Styled |
| [astro-quickstart](./astro-quickstart) | Astro | Styled |
| [tanstack-quickstart](./tanstack-quickstart) | TanStack Start | Styled |
| [react-router-quickstart](./react-router-quickstart) | React Router | Styled |
| [nextjs-headless-quickstart](./nextjs-headless-quickstart) | Next.js | Headless |
| [nextjs-primitive-quickstart](./nextjs-primitive-quickstart) | Next.js | Primitive |
| [nextjs-tailwind-quickstart](./nextjs-tailwind-quickstart) | Next.js | Tailwind |
| [vite-tailwind-quickstart](./vite-tailwind-quickstart) | Vite | Tailwind |
| [astro-tailwind-quickstart](./astro-tailwind-quickstart) | Astro | Tailwind |
| [tanstack-tailwind-quickstart](./tanstack-tailwind-quickstart) | TanStack Start | Tailwind |
| [react-router-tailwind-quickstart](./react-router-tailwind-quickstart) | React Router | Tailwind |

## Getting started

```bash
cd <folder>
npm install
npm run dev
```

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

## Links

- **PrimeReact** — [primereact.dev](https://primereact.dev)
- **Get all access** — [primeui.store](https://primeui.store)