microsoft/PowerAppsCodeApps

microsoft/PowerAppsCodeApps

Description: Create custom web applications to run within Power Apps!

Language: TypeScript

License: MIT

Stars: 460

Forks: 128

Open issues: 43

Created: 2025-05-08T22:54:28Z

Pushed: 2026-06-24T05:50:49Z

Default branch: main

Fork: no

Archived: no

README:

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

AI Assistant Plugin

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

[microsoft/power-platform-skills](https://github.com/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](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](mailto:opencode@microsoft.com) with any additional questions or comments.

---

📁 Repository Structure

[/templates](./templates)

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

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

> See [templates/README.md](./templates/README.md) for setup instructions.

---

[/samples](./samples)

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

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

---

[/sessions](./sessions)

Workshop and conference session materials.

| Session | Description | |---|---| | [ppcc2025](./sessions/ppcc2025) | Materials from the Power Platform Community Conference 2025. |

---

[/tests](./tests)

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

| File | Description | |---|---| | [e2e/starter.spec.ts](./tests/e2e/starter.spec.ts) | E2E tests for the starter template. | | [e2e/vite.spec.ts](./tests/e2e/vite.spec.ts) | E2E tests for the vite template. | | [playwright.config.ts](./tests/playwright.config.ts) | Playwright configuration. |

---

[/docs/assets](./docs/assets)

Images and static assets used in documentation.

---