Gradient Text Generator

45°
72px

CSS Code

How to Use Gradient Text Generator

Enter Text

Type or paste your text in the input field. The preview will update automatically as you type.

Choose Colors

Select two colors using the color pickers to create your perfect gradient combination.

Adjust Angle

Use the angle slider to change the direction of your gradient from 0° to 360°.

Customize Font

Adjust the font size and weight to match your design needs perfectly.

Preview

See your gradient text live in the preview section as you make adjustments.

Get Code

Copy the generated CSS code with one click and use it in your projects.