https://github.com/primefaces/primeuipro-examples
https://github.com/primefaces/primeuipro-examples
Last synced: 11 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/primefaces/primeuipro-examples
- Owner: primefaces
- Created: 2026-07-09T09:03:45.000Z (29 days ago)
- Default Branch: main
- Last Pushed: 2026-07-10T04:19:54.000Z (29 days ago)
- Last Synced: 2026-07-10T06:10:34.222Z (28 days ago)
- Language: Vue
- Size: 112 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PrimeUI Pro Examples
Framework-specific quickstarts for [PrimeUI Pro](https://primeuipro.dev/).
Each quickstart is a standalone application with one focused component example and a minimal topbar and footer. It shows package installation, license setup, styles, UI parts, and the component integration without turning the starter into a full application template.
## Available Quickstarts
| Component | Vue | React | Angular |
| --- | --- | --- | --- |
| [Scheduler](./scheduler) | [Vite](./scheduler/vue/vite-quickstart), [Nuxt](./scheduler/vue/nuxt-quickstart), [Vite + Tailwind](./scheduler/vue/vite-tailwind-quickstart), [Nuxt + Tailwind](./scheduler/vue/nuxt-tailwind-quickstart) | Planned | Planned |
| [TextEditor](./texteditor) | [Vite](./texteditor/vue/vite-quickstart), [Nuxt](./texteditor/vue/nuxt-quickstart), [Vite + Tailwind](./texteditor/vue/vite-tailwind-quickstart), [Nuxt + Tailwind](./texteditor/vue/nuxt-tailwind-quickstart) | Planned | Planned |
| [TaskBoard](./taskboard) | [Vite](./taskboard/vue/vite-quickstart), [Nuxt](./taskboard/vue/nuxt-quickstart), [Vite + Tailwind](./taskboard/vue/vite-tailwind-quickstart), [Nuxt + Tailwind](./taskboard/vue/nuxt-tailwind-quickstart) | Planned | Planned |
| [Charts](./chart) | [Vite](./chart/vue/vite-quickstart), [Nuxt](./chart/vue/nuxt-quickstart) | Planned | Planned |
The React and Angular directories are placeholders for upcoming framework examples. Future React quickstarts will use [PrimeReact](https://primereact.org/), and future Angular quickstarts will use [PrimeNG](https://primeng.org/) as their framework UI baselines. A folder is listed as available only when it contains a runnable application and its own README.
## Documentation
- [PrimeUI Pro](https://primeuipro.dev/) - product and framework overview
- [PrimeUI Pro for Vue](https://vue.primeuipro.dev/) - Vue component documentation and live examples
- [PrimeReact](https://primereact.org/) - React component documentation and live examples
- [PrimeNG](https://primeng.org/) - Angular component documentation and live examples
- [Scheduler for Vue](https://vue.primeuipro.dev/scheduler)
- [TextEditor for Vue](https://vue.primeuipro.dev/texteditor)
- [TaskBoard for Vue](https://vue.primeuipro.dev/taskboard)
- [Charts for Vue](https://vue.primeuipro.dev/charts)
## Repository Structure
Examples are grouped by component, framework, and quickstart application:
```text
{component}/{framework}/{quickstart}
```
The planned Vue quickstart matrix is:
```text
vite-quickstart
nuxt-quickstart
vite-tailwind-quickstart
nuxt-tailwind-quickstart
```
The default quickstarts use PrimeOne UI parts with the framework's Prime UI library, such as PrimeVue. The Tailwind quickstarts use the component's editable Tailwind UI parts without requiring PrimeVue, PrimeReact, or PrimeNG.
## Working With an Example
Every runnable quickstart has its own dependencies, lockfile, environment example, and setup instructions. Run package manager commands from that quickstart's directory rather than from the repository root.
The example page, fixture data, and lightweight shell are starter code. Each app README identifies what is required for the PrimeUI Pro integration and what can be replaced or removed.
## License
This public repository contains example application source. Running an example that imports PrimeUI Pro packages requires your own valid PrimeUI Pro license key and is subject to the [PrimeUI License](https://primeui.dev/licenses). Follow the environment setup in the selected quickstart README.