Скачать или смотреть Turn Your Power App Into a Chrome Extension (Step-by-Step)

In this video, I’ll show you exactly how I built a working Chrome Extension powered by a full Power App and how you can build your own version too.

You’ll learn how to set up a Chrome extension step-by-step, create a responsive Power App that fits inside a popup window, and connect it all together. Whether you're a Power Apps beginner or just want to try something completely different. This is a fun and useful side project you can build today.

🔥 Download the Chrome Extension Files + access the Free Power Apps Components: https://buttondown.com/dennisdoer

🎁 Most components shown in the video come from my component library. Fully styled and ready to drop into your own apps. Check it out here:
https://www.powerlibs.com

🎨 PowerIcons (Instant free SVG Icons for Power Apps):
https://powericons.dev

🎨 PowerColors (Create free Color Themes for Power Apps):
https://www.powercolors.dev/

What you'll learn:

How to structure a real Power App inside a Chrome Extension popup
Set up manifest.json, popup.html, and popup.css
Build a note-taking app inside Power Apps with gallery, search, add note screen, and clipboard support
Embed your app using an iframe and allow clipboard access for full functionality

TIMESTAMPS:

0:00 Intro
0:30 Video Breakdown
1:34 Building Chrome Extension
2:37 Installing Chrome Extension
2:58 Building Power Apps
16:25 Putting Power App in Chrome Extension
17:58 Outro

Ingnore these tags:
Power Apps
PowerApps tutorial
Chrome Extension
Chrome Extension Power Apps
PowerApps Chrome Integration
Microsoft Power Platform
Low-code development
PowerApps UI
PowerApps 2025
PowerApps Note Taking App
Embed Power Apps
PowerApps YAML
PowerApps components
Build Power Apps fast
Custom PowerApps
PowerApps extension popup
PowerApps clipboard
PowerApps developer tools
Power Platform tips
PowerApps beginner tutorial