Layouts
Responsive screen skeletons for Power Apps Canvas Apps. Pick a pattern, copy the YAML, paste into Studio, then drop in your components. No dependencies — pure containers with breakpoints.
Dashboard
KPIs, charts, lists, and data table
Top bar with responsive title, scrollable content area with slots for KPI cards, side-by-side charts, ranked lists, and a filterable table. Max-width centered, mobile-stacked.
Master-Detail
List panel + detail panel side by side
Split view with a searchable list on the left and a detail/edit area on the right. Collapses to single column on mobile with back navigation.
List / Browse
Search, filters, and scrollable gallery
Toolbar with search input, filter badge, and view toggle. Collapsible chip filters. Scrollable gallery area for cards, lists, or table views.
Form
Header, field grid, sticky footer
Fixed header with step indicator, scrollable body with responsive 2-column field sections, and a sticky bottom bar with cancel/submit buttons.
Mobile-First
Bottom nav, compact top bar, FAB
Optimized for phone-only Canvas Apps. Compact 48px top bar, edge-to-edge scrollable content, bottom navigation with icon slots, and an optional floating action button.