Professional UIfor Power Apps
Production-ready components, templates, and patterns for Power Apps developers — built with Power Fx, no PCF required. Copy, customize, ship.
// 1. Describe what you need to the AI
// 2. Export the generated YAML
// 3. Paste into Power Apps Studio
> sales KPIs: revenue, orders, conversion
✓ Generated cmpKPICards with sparklines
✓ Exported scrKPIs.yaml — ready to pasteChoose your starting point
From a single button to a full custom build — meet you where you are.
Components
30+KPI cards, data tables, charts, chips, navigation. Copy-paste YAML, no PCF.
Layouts
SoonResponsive screen skeletons. Dashboard, form, master-detail.
Templates
NewFull screens with components wired together. Copy YAML and go.
About
A free, open-source component library and resource for Power Apps developers.
Describe it. Get the YAML.
These components support the AI Configurator — describe what you need in plain English, preview it live, then export ready-to-paste YAML.
Activity Timeline
Timeline activity log with category filtering, expandable email details, icon mapping, skeleton loading, and light/dark themes
By Category
Current stock value
Bar List
Ranked horizontal bar list with auto-scaling, palette color cycling, light/dark theme, skeleton loading, empty state, and click events. Native controls only — no SVG.
Stepper
Multi-step progress indicator with bar and circle modes. Labels, connectors, sizes, themes, and jump-to-step navigation built in.
Segmented Control
Professional segmented control for selecting between 2-5 mutually exclusive options with icon support and Material Design 3 styling
Line Chart
Animated line chart with smooth curves, area fill, and interactive points for time-series data visualization
Navigation Menu
Horizontal navigation bar with dropdown and mega menu support
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.
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 built into the site — leave a comment on any component, suggest a feature, or report an issue right from the page. You can also reach out with questions, feedback, or open-source contributions through the Contact page.