Power Apps component library
Components you can try, then paste
Try each one live on its page, exactly as it behaves in Power Apps. Then copy its YAML and paste it into Studio.
- 16 components
- 16 tested in Power Apps Studio
- 16 coming soon
- No premium licence
- Navigation and layout
Accordion
Expandable sections from a table of titles and text, one open at a time or several, each growing to fit its text; OpenKeys and OnToggle for your app, Toggle, ExpandAll and CollapseAll from it; keyboard-operable headers that say expanded or collapsed; light and dark.
✓ Tested in StudioMIT License
- Inputs and forms
Attachments list with upload
Adds files and lists the ones already attached: a drop card to choose or drag files in, each with a status and the reason when one can't go, remove and undo for attached files, and one Upload button that hands it all to your app.
✓ Tested in StudioMIT License
- Navigation and layoutNew
Breadcrumbs
A trail from a table of keys and labels: every level but the current one a real button named with its level, long trails folded behind Show all; OnNavigate with the key and level, GoUp for a Back button, CurrentLabel for the title; light and dark, the current level in a tinted pill that pops in.
✓ Tested in StudioMIT License
- Buttons and actions
Button
A modern button in four looks, in your brand colour, light or dark.
✓ Tested in StudioMIT License
- Navigation and layout
Carousel
Slides from a table, each a picture or a colour with a title and text, advancing on a timer with a pause control, dots and arrows, looping or stopping at the end; OnChange and OnSelect, Next, Previous, GoTo, Play and Pause; light and dark, each slide fading in.
✓ Tested in StudioMIT License
- Data displayNew
Chat thread
Messages from a table as bubbles, yours on the right in your accent colour and theirs on the left with initials, each with its time and sent, delivered, read or not sent with Retry; a typing indicator with bouncing dots; a composer with OnSend; light and dark, a new bubble popping in.
✓ Tested in StudioMIT License
- Data display
Data table
Your rows as a table, cards or a list, with coloured status pills, segmented progress, sortable headers, checkboxes with bulk actions, a row menu, and loading and empty states.
✓ Tested in StudioMIT License
- Buttons and actions
Floating action button
The screen's main action, usually Add new, as a floating button: ready with no setup, extended with a label, or opening a speed-dial menu of more actions.
✓ Tested in StudioMIT License
- Data display
Kanban board
Columns and cards from two tables, each card moved left or right with a button or the keyboard.
✓ Tested in StudioMIT License
- Data display
KPI card
One number with its label as a count, money, a percentage or 12.4K; the change against a previous value, coloured by whether up is good; progress toward a target with a status that follows it; and OnSelect to open the list behind it.
✓ Tested in StudioMIT License
- Data display
Month calendar
A month grid from your start of week, events from a table as pills that run across the days they span, +N more past a limit, today marked, a day or an event selectable, previous, next and Today; light and dark, the pills drawing in when the month changes.
✓ Tested in StudioMIT License
- Navigation and layout
Navigation shell
Your app's main menu: a side menu on wide screens that collapses to icons, and a bottom bar on phones, from one table.
✓ Tested in StudioMIT License
- Navigation and layout
Stepper
The steps of a form or wizard, with progress, a check before each step that stops people skipping what's required, Back and Next, and a step to go to.
✓ Tested in StudioMIT License
- Inputs and formsNew
Tag picker
Chips for the tags chosen so far, each with a remove button; a box that suggests matching options as you type; a limit on how many; new tags from what's typed if you allow it; SelectedKeys and SelectedTags for your Patch, OnChange, Add, Remove and Clear; light and dark, with motion.
✓ Tested in StudioMIT License
- Dialogs and feedbackNew
Toast
A coloured message bar for success, info, warning and error, shown from anywhere with one Show action.
✓ Tested in StudioMIT License
- Navigation and layout
Tree view
Folders, categories or an org chart as a tree that opens and closes, from one flat table, in one gallery.
✓ Tested in StudioMIT License
- Coming soon
Calendar date picker (coming soon)
A calendar card that picks one date, a range or several dates.
Being tested in Power Apps Studio
- Coming soon
Card grid (coming soon)
Cards from a table, as many per row as the width allows, each with a picture or a colour band, a title, a subtitle and a badge; selectable with OnSelect and a selected outline, an empty state, Columns and Count out; light and dark, the cards rising in one after another.
Being tested in Power Apps Studio
- Coming soon
Date and time picker (coming soon)
One date, a date and a time, or a date range, with quick picks, the earliest and latest dates, weekends and holidays blocked with a clear message, a working-days helper and the time zone.
Being tested in Power Apps Studio
- Coming soon
Dialog (coming soon)
Confirm, alert, form or danger dialogs from one component.
Being tested in Power Apps Studio
- Coming soon
Donut chart (coming soon)
A ring chart from a table of slices, or a progress ring from a value and a maximum, drawn as one crisp SVG; a legend whose rows select a slice, the total or the percent in the centre; OnSelect for filtering a list; light and dark, the arcs sweeping in one after another.
Being tested in Power Apps Studio
- Coming soon
Empty, loading and error states (coming soon)
One panel for the states every list needs: nothing yet, loading (a spinner or skeleton rows), and something went wrong.
Being tested in Power Apps Studio
- Coming soon
Filter bar (coming soon)
Search with a typing delay, filter chips, sort with a direction button, the result count and Clear all, in one bar whose outputs drop into a single delegable Filter and Sort on your gallery.
Being tested in Power Apps Studio
- Coming soon
Pagination (coming soon)
First, previous, next and last, page numbers with ellipses, rows per page and a summary such as 21–40 of 312 orders.
Being tested in Power Apps Studio
- Coming soon
People picker (coming soon)
Search your directory as people type, choose one person or several with avatar chips, Add me, suggested people, a limit, and everyone's emails ready for Outlook or Teams.
Being tested in Power Apps Studio
- Coming soon
Search bar (coming soon)
A rounded search box, 48 pixels tall, with clear and search buttons.
Being tested in Power Apps Studio
- Coming soon
Side sheet (coming soon)
A panel that slides in from the right, the left or the bottom: modal over a dimmed screen, or standard beside your content.
Being tested in Power Apps Studio
- Coming soon
Signature pad (coming soon)
A pad to sign with a finger, mouse or pen over a Sign here line, a Clear button, the typed-name alternative Microsoft asks for, and a signed-by stamp with the time; Image, TypedName, SignedAt, HasSignature and Method for your Patch, OnChange; light and dark, the line drawing in.
Being tested in Power Apps Studio
- Coming soon
Sparkline (coming soon)
A small trend card from a table of numbers: the line and its shaded area as one crisp SVG with the last point marked and the high and low shown, the latest value big with its change since the start in green or red, a title and caption, OnSelect to drill in; light and dark, the line drawing in.
Being tested in Power Apps Studio
- Coming soon
Tabs and segmented control (coming soon)
Tabs or a segmented control on the modern tab list, with counts on tabs, tabs hidden by name, the selected tab as an output, a change event, a SelectTab action and four looks.
Being tested in Power Apps Studio
- Coming soon
Text field (coming soon)
A text box with its label, hint, required marker, character count and error message built in.
Being tested in Power Apps Studio
- Coming soon
Timeline (coming soon)
An activity feed from a table of events: newest or oldest first, grouped under Today, Yesterday and the date, each event a badge in its kind's colour on a line with the time, detail and who did it; selectable, with OnSelect, Select and ShowAll; light and dark, with motion.
Being tested in Power Apps Studio