Getting Started with GradiText

Three Simple Steps

Creating stunning gradient text with GradiText is as easy as 1-2-3. Here is a breakdown of the process.

Step 1: Customize Your Text

Start by using the control panel on the left side of the generator.

• Text: Enter the text you want to apply the gradient to.
• Font Family: Choose a font that fits your style. We have a selection of popular Google Fonts.
• Font Weight & Size: Adjust the thickness and size of your text. Bolder and larger fonts usually work best for gradients.
• Letter Spacing: Control the space between letters for the perfect look.

Step 2: Design Your Gradient

Now for the fun part! Let's create your gradient.

• Gradient Colors: Select your two colors. You can use the color pickers or enter specific HEX codes.
• Gradient Angle: Change the direction of your gradient from 0 to 360 degrees.
• Text Outline: Add an outline to your text to make it pop, especially against busy backgrounds. You can control the width and color of the outline.

Step 3: Download Your Design

Once you are happy with the live preview on the right, it's time to download your creation.

• Download PNG: Click this button to get a high-resolution PNG image with a transparent background. This is perfect for logos, social media posts, and using in design software like Canva or Photoshop.
• Get CSS: If you're a web developer, click this button to get the CSS code for your gradient text. You can then copy and paste this directly into your website's stylesheet.