Gradient Text Designer

How to Use

Follow these 4 simple steps to level up your Power App UI.

1

Write Caption

Type your desired text into the textarea at the top. The previews will update instantly.

2

Copy HTML

Find a gradient you love, click "Get Code," and hit the copy button to grab the snippet.

3

Add Element

In Power Apps, go to the "Insert" tab and add an "HTML text" element to your screen.

4

Paste Code

Select the element, go to the "HtmlText" property, and paste your copied code.

Pro Tip: Set all padding values to 0 on your Power Apps HTML control to ensure the text alignment stays perfect.

Power Apps HTML Text

Copy this code into the HtmlText property of your control.