Skip to content
PowerLibs LogoPowerLibs

Getting Started

PowerLibs is a library of 180+ ready-made components for Power Apps canvas apps. Each one is generated as Power Apps YAML, so you copy it here and paste it into Power Apps Studio. Nothing gets installed and no package is imported. This page is the one walkthrough for that flow; every other page links back here instead of repeating it.

1. Create a free account

Sign in with Google or with a one-time code sent to your email. You have to be signed in before any YAML is shown, even for free components. A free account can preview every component and copy the 14 free ones, which are collected on the Free page.

2. Find a component

The library is sorted by category: Buttons, Modals, Input Fields, Sidebars and so on. Every component card has the same parts:

  • Badges in the header: NEW for components added in the last 30 days, FREE for the free ones, ULTRA for full apps, and a lock when your account cannot copy the component yet.
  • Tabs: Preview shows the component, Settings changes it, Instructions appears only on components that need extra setup, and YAML shows the generated code.
  • Theme toggle, the sun and moon button: switches the preview and the YAML between light and dark colours. It does not change the website theme.

3. Customize it

Open the Settings tab to change texts, colours, sizes and menu items. The preview follows as you type, and Reset to Default puts everything back. Your changes are kept in your browser per component, so you can come back to them later.

Editing settings needs the Ultra, Team or Lifetime plan. On a free account or the Components plan the editor is visible but locked, with an Unlock prompt. Once a component differs from its defaults, a link button appears in the header that copies a share link; whoever opens it sees your configuration.

4. Copy the YAML

Click Copy YAML in the card header, or Copy inside the YAML tab. The code is generated on the server from your current settings and lands in your clipboard. With the mouse over a card, Ctrl+Shift+C (Cmd+Shift+C on a Mac) does the same.

Some components come in two control sets. On those, Copy YAML opens a Select Version menu with Modern Controls and Classic Controls. Modern uses the newer Fluent controls of Power Apps; Classic uses the original controls and offers more properties. Modern Controls is switched off as soon as you paste a custom icon into the component.

If the YAML tab shows a lock instead of code, the component is outside your plan: paid components need Components, Ultra, Team or Lifetime, full apps need Ultra, Team or Lifetime, and dark-theme YAML on a paid component needs a paid plan as well.

5. Paste into Power Apps Studio

  1. Open your canvas app in Power Apps Studio and go to the screen that should get the component.
  2. In the Tree view on the left, right-click the screen or a container.
  3. Choose Paste code. Regular paste (Ctrl+V) does not accept YAML.

The component arrives as ordinary Power Apps controls. Move it, resize it and edit any property in the formula bar, exactly like controls you built yourself.

If the card had an Instructions tab, read it before you test. Those components need one setup step, usually a few lines in the App's OnStart, and Power Apps only runs OnStart after you right-click App in the Tree view and choose Run OnStart. If nothing shows up or Studio reports an error, the FAQ covers the common causes.

6. Set your brand colour and font

Accounts on Ultra, Team or Lifetime get a Settings entry in the account menu at the top right. It stores your name, your project name, the brand colour every component uses (the default is #3B82F6), the font (a Power Apps font, or your app's theme font), the fill-parent mode, your default theme, and the prefixes for control and variable names. See Variable Prefix and Projects.

What is free and what needs a plan

  • Free account: preview everything, copy the 14 free components, use PowerColors and the PowerFX Toolkit.
  • Components: all 180+ components. No full apps, no settings editing, no tools. When the subscription ends you keep the components released before your access end date.
  • Ultra: everything: all components, the full apps, settings editing, the tools, Custom YAML and Custom SVG libraries, Projects, Community and full MCP access.
  • Team: everything in Ultra for every seat, plus a shared team library.
  • Lifetime: everything in Ultra, paid once, future releases included.

Prices are on the Pricing page. Every plan comes with a 30-day refund.

Next steps

  • Component Guides: one page per category with the variants, the Power Fx to wire them up and the gotchas.
  • Using Components: the component page in detail, YAML modes, saved components and the MCP server.
  • Library: browse everything by category.
Getting Started | PowerLibs