Power Apps Component Library

27 ready-made screens available— Unlock all with Pro

Complete, copy-paste screens built from REAL controls (containers, galleries, buttons) — fully editable and bindable to your data. Dashboards, forms and workflows ready to drop into your app.

Design System Kit powers the nf tokens mode

Paste it once in App.Formulas, then copy any component with nf* tokens — rebrand or switch light/dark in one place.

Alice Martin · High priority

In progressResolve

Thanks — can you share a screenshot?

Support · 09:20

Sent by email just now.

Alice Martin · 09:32

Add a comment…

Comment

Mini-app · screen 3 of 3

PRO

Helpdesk App — 3. Ticket Detail

Screen 3 of 3: the selected ticket with description, working status buttons (In progress / Resolved) and a live comment thread — add a comment and it appears instantly.

support

Team absences — July 2026

1 away

2 away

Mini-app · screen 5 of 5

PRO

Leave App — 5. Team Calendar

Screen 5 of 5 of the Leave Requests mini-app: a month grid showing who is away each day — absent count per cell computed from approved requests in the shared colLeaves.

leave

New support ticket

e.g. Login fails on mobile

High▾

Submit ticket

Mini-app · screen 1 of 3

PRO

Helpdesk App — 1. New Ticket

Screen 1 of 3 of the Helpdesk mini-app: subject, priority and description — Submit Collects into the shared colTickets as Open. Works on paste.

support

AllOpenIn progress

Export to PDF is blankMediumIn progress

Add dark modeLowOpen

Mini-app · screen 2 of 3

PRO

Helpdesk App — 2. Queue

Screen 2 of 3: the agent queue — tickets with priority pills and status filtering, row select feeding the Detail screen. Shares colTickets; includes a reset-demo action.

support

Pending leave requests

Alice Martin — RTT (2 d)

31/07 → 01/08

ApproveReject

Bob Chen — Paid leave (3 d)

10/08 → 12/08

ApproveReject

Mini-app · screen 4 of 5

PRO

Leave App — 4. Approval

Screen 4 of 4: the manager queue — pending leave requests with working Approve / Reject buttons that Patch the shared colLeaves. Approvals update the balance and list instantly.

leave

My leave

Days remaining

Pending

Taken

+ Request leaveMy requests

Mini-app · screen 1 of 5

PRO

Leave App — 1. My Balance

Screen 1 of 5 of the Leave Requests mini-app: remaining balance, pending and approved days, plus quick actions. Pairs with leave-new, leave-list and leave-approval.

Request leave

5 day(s) requestedSubmit request

Mini-app · screen 2 of 5

PRO

Leave App — 2. Request Leave

Screen 2 of 4: the request form — leave type, start/end dates and an auto-computed day count — that Collects into the shared colLeaves as Pending. Works on paste.

Mini-app · screen 3 of 5

PRO

Leave App — 3. My Requests

Screen 3 of 4: every leave request with status chip filtering, dates, day counts and colored statuses. Shares colLeaves with the other screens; includes a reset-demo action.

New expense

Mini-app · screen 3 of 4

PRO

Expense App — 3. New Expense

Screen 3 of 4: the submission form — label, amount, date — that Collects into the shared colExpenses as Pending. Works on paste; swap the Collect for a Patch to your source.

expenses

Expenses

Total this month

480.40 €

Pending

Approved

+ New expenseView all

Mini-app · screen 1 of 4

PRO

Expense App — 1. Home

Screen 1 of 4 of the Expense Reports mini-app: monthly total, pending and approved KPIs plus quick actions. Pairs with expense-list, expense-new and expense-approval.

Mini-app · screen 2 of 4

PRO

Expense App — 2. List

Screen 2 of 4: every expense with status chips filtering (All / Pending / Approved / Rejected), amounts and a reset-demo action. Shares colExpenses with the other screens.

expenses

Pending approvals

Client lunch — 84.50 €

Alice Martin

ApproveReject

Taxi airport — 32.00 €

Bob Chen

ApproveReject

Mini-app · screen 4 of 5

PRO

Expense App — 4. Approval

Screen 4 of 4: the manager queue — pending expenses with working Approve / Reject buttons that Patch the shared colExpenses. Approve one and watch it change status on the List screen.

expenses

404

Page not found

The record does not exist or access is denied.

← Back to home

FREE

Not Found (404)

A free “page not found / access denied” screen: big 404, explanation and a back-home action. Route users here when a record or permission is missing.

states

Records+ New

Alice Martin

user@contoso.com

Bob Chen

user@contoso.com

Clara Diaz

user@contoso.com

Edit record

CRUD Screen (List + Detail)

A complete create/read/update/delete screen built from real controls: a records gallery, a detail/edit panel with inputs, and New / Save / Delete actions wired for Patch. Renders with demo data, ready to bind to SharePoint or Dataverse.

data

Step 2 — Request

← BackNext →

PRO

Multi-Step Form (Wizard)

A three-step wizard built from real controls: a live stepper, one panel per step driven by varStep, Back/Next navigation and a final summary with a Patch-ready submit. Fully editable — add steps by duplicating a panel.

Kanban Board (Galleries)

A working three-column Kanban built from real galleries: cards grouped by status, with move buttons that Patch a collection — cards actually move when you click. Unlike the SVG mockup, every card, color and column is editable.

My App

App Shell (Sidebar + Top Bar)

The complete application skeleton built from real controls: a user sidebar with active-state navigation, a top bar with the current section title, and an empty content region ready for your components. One varNav variable drives the whole shell.

layout

Search (StartsWith — delegable)

David OkoroOperations

PRO

Delegable List (Search + Sort)

A large-list browse screen built on delegation-safe formulas: StartsWith search, SortByColumns toggle and clear comments explaining what stays server-side on SharePoint and Dataverse. The pattern that keeps working past 5 000 records.

data

July 2026

PRO

Month Calendar

A real month calendar built from a wrapped gallery: 42 day cells generated with Sequence, current-month dimming, a today highlight and a demo event dot. Notoriously hard to build by hand — ready in one paste.

Editable Table (Inline)

A gallery-based table where cells are real text inputs: edit any row inline and hit the row Save button, pre-wired for Patch. The spreadsheet-like editing pattern users always ask for.

tables

Settings

NOTIFICATIONS

Settings Screen

A polished settings page built from real controls: grouped sections, labeled toggle rows (notifications, dark mode, weekly digest) and a save action. Read every value with a simple ToggleX.Value.

forms

NotificationsMark all read

Bob approved your request

New comment on Project X

Low stock alert

PRO

Notification Center

A slide-in style notification inbox built from real controls: unread dots, type-colored icons, relative times and a working “mark all as read” powered by a collection.

communication

Project discussion

Did you see the new dashboard?

Yes — shipping today?

Chat / Comments

A working chat screen built from real controls: message bubbles aligned by sender, a composer with send button, and a collection that grows as you type — functional the second you paste it.

communication

Welcome back, Sofiane 👋

What would you like to do today?

Starter Home (Free)

A free, ready-made home screen: welcome header with the signed-in user, three navigation cards and a call-to-action — the fastest way to see what PowerBlocks real screens feel like.

layout

Approvals

Alice Martin

Leave request

PendingApproveReject

Bob Chen

Expense $420

PendingApproveReject

Clara Diaz

Purchase order

ApprovedApproveReject

PRO

Approval Workflow

A manager approval queue screen: a list of requests with a colour-coded status badge and Approve / Reject buttons that update the record. Built on a Gallery, bind it to any data source or approval flow.

workflow

PowerBlocks

Loading your workspace…

PRO

Splash / Loading Screen

A branded splash / loading screen for Power Apps: centered logo, app name, tagline and a progress bar, with theme-token comments and an optional Timer to animate and auto-navigate. Set it as your app's first screen.

Record Browser

A complete, interactive Power Apps browse screen: search box + status filter chips that live-filter a data table, with row click-through. Combines the Search Bar, Filter Chips and Data Table patterns.

data