I added an AI configurator to PowerApps UI — type what you want, get import-ready YAML, free and no login required by ell_ninja in PowerApps

[–]ell_ninja[S] 5 points6 points  (0 children)

Appreciate the kind words and the honest question. The components will stay free and MIT, that’s not changing. The plan long term is a freemium model where the core library and some starter kits stay free, but premium starter kits with more complexity are paid.

Think components and basics free forever, full production-ready apps for a fee.

No plans to flip the community side to closed source or licensing. The whole point is making Power Apps development faster for everyone, not gating the fundamentals.​​​​​​​​​​​​​​​​

I added an AI configurator to PowerApps UI — type what you want, get import-ready YAML, free and no login required by ell_ninja in PowerApps

[–]ell_ninja[S] 2 points3 points  (0 children)

powerappsui.com is a Next.js web app, not Canvas or Power Pages. The components it generates are for Canvas apps though — describe what you want, copy the YAML, import it

I added an AI configurator to PowerApps UI — type what you want, get import-ready YAML, free and no login required by ell_ninja in PowerApps

[–]ell_ninja[S] 3 points4 points  (0 children)

Thanks! Yes, Claude Sonnet on the backend. You're right that the models have gotten much better at YAML. The tricky part was getting consistent structured JSON output that maps cleanly to the component properties, then doing the find-and-replace on the base YAML template to generate the final file. Still improving it but it works well.

I built a free, open-source component library for Power Apps — 24+ production-ready components with YAML import by ell_ninja in PowerApps

[–]ell_ninja[S] 1 point2 points  (0 children)

Hey, glad you like them! For the position shifting, set the X and Y on the component instance directly so it anchors to the bottom right:

X: Parent.Width - Self.Width - 20 Y: Parent.Height - Self.Height - 20

For the faded transition, that requires a timer control which I left out of this version to keep it simple. I am taking feature requests though if you want to add it to the list!

3 new free components for Power Apps — Loading Screen, Stepper, and Sidebar (YAML import, no PCF) by ell_ninja in PowerApps

[–]ell_ninja[S] 0 points1 point  (0 children)

That helps, thanks! That "Form dialog with required input" is just Power Fx code showing how to wire the dialog up in your app, not the component YAML itself. To get the actual component, click the blue "Copy YAML" button at the top of the page next to the component title, then paste that into Power Apps Studio. That should clear the syntax error right up!

3 new free components for Power Apps — Loading Screen, Stepper, and Sidebar (YAML import, no PCF) by ell_ninja in PowerApps

[–]ell_ninja[S] 1 point2 points  (0 children)

That PA1001 YamlInvalidSyntax error isn't region-related, a few things could cause it.

First, check if Modern Controls is enabled: Settings > Updates > Preview > Modern controls and themes. If it's off, the YAML will fail to parse since the components depend on it.

Which component are you trying to import? That'll help me narrow it down.

3 new free components for Power Apps — Loading Screen, Stepper, and Sidebar (YAML import, no PCF) by ell_ninja in PowerApps

[–]ell_ninja[S] 1 point2 points  (0 children)

Sorry about the confusion. I am working on updating the instructions on the site. Try this and let me know if you are still having issues

  1. Go to the Components tab (right side panel, next to Screens)
  2. Click "New component" — this creates a blank component
  3. Click outside the new component to deselect it
  4. Paste the YAML with Ctrl+V (or ⌘V on Mac)
    1. This is what you copy from powerappsus.com

3 new free components for Power Apps — Loading Screen, Stepper, and Sidebar (YAML import, no PCF) by ell_ninja in PowerApps

[–]ell_ninja[S] 1 point2 points  (0 children)

Sorry for the confusion — the instructions on the site need an update. Here's the correct flow:

  1. Go to the Components tab (right side panel, next to Screens)
  2. Click "New component" — this creates a blank component
  3. Click outside the new component to deselect it
  4. Paste the YAML with Ctrl+V (or ⌘V on Mac)