🚀 Power Apps code apps

Code apps let you build custom web applications that run natively within Power Apps, using standard web technologies like React, TypeScript, and Vite alongside Power Platform connectors and data sources.

Code apps are generally available. See the full code apps documentation at aka.ms/pacodeapps.

🛠 Quick Start

The fastest way to start a new code app is with the starter template:

npx degit microsoft/PowerAppsCodeApps/templates/starter my-app
cd my-app
npm install
npm run dev

Then connect to data, build it, and deploy it to Power Apps following the code apps documentation.

---

📄 License

This project is licensed under the MIT License — see the LICENSE file for details.

🤝 Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

---

📁 Repository Structure

/templates

Starting points for new code app projects. Use these to scaffold a new app.

Template	Description
starter	Recommended. Pre-configured with React, Vite, Tailwind CSS, Tanstack Query, and React Router. Best for most apps.
vite	Minimal Vite + React setup, pre-configured for Code Apps. Good for lightweight or custom stacks.

See templates/README.md for setup instructions.

---

/samples

End-to-end example applications showing real-world patterns.

Sample	Tech Stack	Description
HelloWorld	React, Vite, TypeScript	Basic starter showing Power Platform SDK integration. Best first read.
FluentSample	React, Fluent UI v9, SQL, Office 365	Full-featured app with connectors, custom API, SQL backend, and CI/CD.
StaticAssetTracker	React, Tailwind CSS, Vite	Asset tracking app demonstrating management workflows and Tailwind styling.

---

/sessions

Workshop and conference session materials.

Session	Description
ppcc2025	Materials from the Power Platform Community Conference 2025.

---

/tests

End-to-end tests for the templates, using Playwright.

File	Description
e2e/starter.spec.ts	E2E tests for the starter template.
e2e/vite.spec.ts	E2E tests for the vite template.
playwright.config.ts	Playwright configuration.

---

/docs/assets

Images and static assets used in documentation.

---