Example projects for PrimeVue. Each folder is a complete app with its own README, and most of them open on StackBlitz.
The starters build the same small dashboard in different setups, so they can be compared side by side.
| Example | Setup | Styling | Open |
|---|---|---|---|
| vite-quickstart | Vite | Aura preset | StackBlitz |
| vite-ts-quickstart | Vite with TypeScript | Aura preset | StackBlitz |
| auto-import | Vite with auto import | Aura preset | StackBlitz |
| vite-tailwindv4 | Vite | Aura preset and Tailwind CSS v4 | StackBlitz |
| vite-unstyled-tailwind | Vite | Unstyled, Tailwind CSS v3 | StackBlitz |
| nuxt-quickstart | Nuxt | Aura preset and Tailwind CSS v4 | StackBlitz |
| nuxt-styled-tailwind | Nuxt | Aura preset and Tailwind CSS v3 | StackBlitz |
| nuxt-unstyled-tailwind | Nuxt | Unstyled, Tailwind CSS v3 | StackBlitz |
| volt-vite | Vite with TypeScript | Volt, Tailwind CSS v4 | StackBlitz |
| volt-nuxt | Nuxt | Volt, Tailwind CSS v4 | StackBlitz |
| laravel-quickstart | Laravel | Aura preset and Tailwind CSS v4 | Needs PHP, run locally |
| inertia-quickstart | Laravel with Inertia | Aura preset and Tailwind CSS v4 | Needs PHP, run locally |
| cdn | A single HTML page, scripts from unpkg | Aura preset | Open index.html |
Each of these comes with a blog post that explains the setup.
| Example | Shows | Open | Read |
|---|---|---|---|
| shadow-root | Components inside a shadow root | StackBlitz | Blog post |
| isolated-mode | Two apps with their own themes on one page | StackBlitz | Blog post |
| micro-frontends | Two micro frontends with their own themes in one host page | StackBlitz | Blog post |
| class-prefix | Renaming the p- classes with classPrefix | StackBlitz | Blog post |
cd vite-quickstart
npm install
npm run devEach example has its own README with the files to look at.
The Laravel and Inertia examples need PHP 8.2 and Composer; their READMEs list the extra steps.