🚀 Power Apps code apps

March 31, 2026 · View on GitHub

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.

AI Assistant Plugin

The plugin for AI coding assistants (Claude and GitHub Copilot) has moved to a new home:

microsoft/power-platform-skills

Visit that repository to install and use the plugin with your AI assistant.

🛠 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.