This repository contains sample code sites for Microsoft Power Pages. Use the table below to quickly find a sample by framework, scenario, or Power Pages capability.
Each sample includes its own README with setup steps, deployment notes, and a screenshot so you can preview the experience before running it locally.
| Preview | Sample | Framework | Use this sample to learn |
|---|---|---|---|
 |
Car Sales Website | React + Vite | Build a dashboard-style code site with authentication, web roles, virtual tables, and Power Pages Web API integration. |
 |
Car Sales Website | Angular | Use Angular CLI to build and upload a Power Pages code site based on the car sales scenario. |
 |
Credit Cards Website | React + Vite | Create a customer-facing banking site with card browsing, applications, reviewer workflows, authentication, authorization, and Web API calls. |
 |
Environment Variables Demo | React + Vite | Understand how Vite exposes client-safe environment variables and compile-time constants. |
 |
Fluent UI Bank Loan Application | React + Fluent UI | Build a form-driven portal using Fluent UI v9 controls, state management, and a dashboard-style data grid. |
 |
Localization Sample | React + i18next | Add multilingual content, language switching, and localization patterns to a Power Pages code site. |
 |
Authentication Sample | React + Vite | Explore local sign-in, registration, password reset, invitation redemption, external sign-in, terms acceptance, and role-protected content. |
 |
Vue Admin Template | Vue + Vite | Start from a Vue 3 admin-style template that can be uploaded as a Power Pages code site. |
- Bring Your Own Code Samples - code-site samples that use popular frontend frameworks and can be uploaded to Power Pages with the Power Platform CLI.
- Get started with Power Pages tutorials
- Building websites with Power Pages - Online workshop
- Power Platform developer docs
See CONTRIBUTING.md for contribution guide.
The code in this repo is licensed under the MIT license.
Trademarks This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft’s Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party’s policies.