Components
Professional Power Apps components for your projects
Modern controls required
Most components in this library use modern control properties like LayoutMode, AutoLayout, and LayoutDirection. Enable them in Power Apps Studio under Settings → Updates → Preview → Modern controls and themes.
Activity Timeline
Timeline-style activity log with category filtering, inline email details, icon mapping, skeleton loading, and light/dark themes. Drop it on any detail screen to show a chronological history of events.
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. Built entirely with native Power Apps controls — no SVG, no Image hacks.
Photo Upload
Two-section camera capture component for field reporting. Configurable slot grid, live camera overlay, view/replace mode, and per-slot progress badges.
Sidebar
Collapsible sidebar navigator with dark/light themes, SVG icons, parent/child tree navigation with expand/collapse, number and dot badges, section labels, a user footer with initials avatar, and a context menu. Snaps between 260px (expanded) and 64px (collapsed) — use the IsExpanded output to offset your screen content. 20 properties.
Loading Screen
Full-screen branded splash with animated logo ring, progress bar, step status, and dark/light themes. Drop it on your first screen and hide it once OnStart finishes.
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
A fully-featured navigation menu component with dropdown support, mega menus, and sub-items inspired by shadcn/ui
SVG Bar Chart
Animated, responsive bar charts with smooth animations, auto-scaling, and customizable styling for dashboards and analytics.
KPI Cards
Responsive KPI dashboard component displaying key metrics in card format with icons, values, percentage changes, and click interactions.
Floating Action Button (FAB)
Material Design floating action button with extended variant and speed dial menu. Primary action button for mobile apps.
Notification Badge
Professional notification indicators with pulse animations, custom icons, and smart count display for app bars and messaging.
Bottom Navigation Bar
Material Design bottom navigation for mobile apps with icons, labels, and badge support. Perfect for primary app navigation.
Chips Component
Material Design chips for filters, tags, selections, and actions. Four chip types: filter, input, choice, and assist.
Select Date
Dec 26, 2025
Date Picker
Material Design date picker with calendar view, date range selection, and input field variant. Beautiful date selection for forms and filters.
Table
Enterprise-grade data table with context menus, status indicators, responsive columns, and advanced theming. Features row actions, horizontal scrolling, and customizable status pills.
Loading Overlay
Full-screen overlay with backdrop blur, centered card, and native Spinner control. 4 properties, 5 controls. Toggle visibility to show during async operations.
Dialog Component
Modal popups for confirmations, alerts, and form inputs with dynamic button configuration. Four dialog types: Alert, Confirmation, Form, and Custom.
Breadcrumbs
Navigation breadcrumbs showing the current page's location within the app hierarchy. Helps users understand their position and navigate back through parent pages.
Pie Chart
Interactive pie and donut charts with animations, legends, and customizable colors. Perfect for showing proportions and data distribution.
Heatmap
SVG heatmap visualization for time-based patterns...
Material Design Search Bar
A fully-featured search component...
Material Design Slider
A smooth, accessible slider component with continuous, discrete, and range variants
Bottom Sheet
Material Design bottom sheet for mobile actions and content. Modal and standard variants with snap points and swipe gestures.
Side Sheet
Material Design side sheet for mobile actions and content. Modal and standard variants with snap points and swipe gestures.
Snackbar (Toast)
Material Design snackbar for brief messages and feedback with optional action button and auto-dismiss.
Top App Bar
Professional app bar with navigation, actions, and scroll behaviors for Canvas Apps. Material Design inspired header component.
PCF LeftNav (Canvas App)
A compact, collapsible left rail for Canvas Apps with JSON-driven items, sections, footer/profile, and full theming.
File Upload
Upload files to SharePoint document libraries with validation, preview, and metadata display. Supports multiple file types and size restrictions.