Get Started

Choose a Component or Template

Browse our library to find the perfect component or template for your app. Here's what you need to know:

Copy the Component Code

Once you've found the component or template you want, follow these steps:

1. Navigate to the component's detail page.
2. Look for the "Copy Code" or "Get Code" button.
3. Click it to copy the complete component definition to your clipboard.

{
  "Name": "LineChart",
  "Type": "Canvas Component",
  "Controls": [
    { "Control": "Gallery", "Properties": { ... } },
    { "Control": "Chart", "Properties": { ... } }
  ],
  "Themes": ["Light", "Dark"],
  "Version": "2.0.0"
}

Paste into Power Apps

Now it's time to bring the component into your Power Apps project:

1. Open your Power Apps project in Power Apps Studio.
2. Navigate to the screen where you want to add the component.
3. From the left menu, click Insert → Custom → Import Component.
4. Paste the copied code into the component editor.
5. Click Save and then Add to Screen.

Customize & Launch

Your component is now in your app! Here's how to make it your own:

Customization Options

• Properties: Most components have 10–20 customizable properties like colors, labels, data sources, and layouts.
• Theming: Toggle between Light and Dark themes using the theme property.
• Data Binding: Connect the component to your data sources by modifying its Items or DataSource property.
• Styling: Adjust fonts, sizes, spacing, and colors to match your brand.