Professional UIfor Power Apps
Production-ready components and patterns for Power Apps developers. Built with Power Fx. Copy, customize, ship.
// 1. Copy YAML from component page
// 2. Paste in Power Apps Studio
// 3. Configure and ship
cmpKPICards:
Items: colMetrics
Variant: "Standard"
Theme: "Light"
Columns: 4Components → Blocks → Templates → Services
Choose your starting point
Components
24+Individual UI elements. Buttons, cards, charts. The building blocks.
Blocks
SoonScreen-level patterns wiring multiple components together.
Templates
SoonComplete starter apps with data schemas and multiple screens.
Services
NewCustom Power Apps built for your team. From prototype to deployment.
Production-Ready Components
Copy YAML, import to Studio, configure with Power Fx. Deploy in minutes.
Data Table
Enterprise table with status pills and progress bars
Line Chart
Animated SVG chart with area gradient
KPI Cards
Real-time metrics with trend indicators
Dialog
Modal with dynamic buttons and form input
Navigation Menu
Mega menu with dropdowns and sub-items
Select Date
Dec 26, 2025
Calendar
Date picker with range, holidays, and weekend blocking
cmpDataTable:
Items: YourDataSource
Width: Parent.Width
Height: 600
ShowHeader: true
EnableHover: true
EnableMenu: true
OnRowSelect:
Set(varSelectedItem, ThisItem)Native Canvas Components
Built with Power Fx. Import YAML directly into Power Apps Studio. No PCF. No workarounds. True canvas components with full customization.
- Full Power Fx integration
- Works with any data source
- Zero dependencies
- Customize via properties
- Type-safe and documented
Developer FAQ
Everything you need to know
Are the components really free?
Yes! All components and blocks are 100% free and open source under the MIT license. Use them in unlimited personal and commercial projects.
How do I import components?
Copy the YAML definition, open Power Apps Studio, go to Components → New Component → Import from code, paste the YAML, and configure. No packages, no installs. It's that simple.
Can I customize the components?
Absolutely. Every component exposes configuration properties you can set with Power Fx. You own the code - modify anything you want. We encourage you to adapt components to your needs.
What's the difference between Components, Blocks, Templates, and Services?
Components are individual UI elements (buttons, cards). Blocks wire multiple components together on one screen (search + filter + table + dialog). Templates are complete starter apps with data schemas included. Services is custom app development — we build it for you.
Do these work with Dataverse/SharePoint/SQL?
Yes! Components work with any Power Apps data source. Just connect your data source and configure the component properties with Power Fx formulas.
Do you provide support?
Community support is available via GitHub issues. We also offer consulting services for custom development, architecture reviews, and enterprise implementations. Visit our Services page to learn more.
Start Building Today
Join Power Apps developers using our library to ship faster.