Turn any text into a CSS gradient with background-clip: text — live preview and copy-ready CSS.
Gradient Text
Type your text, pick Linear or Radial gradient, choose From / To colors and an angle (linear only). Adjust font family, size and weight. The preview updates live and the CSS box shows a copy-ready rule using background-image + -webkit-background-clip: text + color: transparent (with the standard background-clip: text fallback). The clipboard snippet targets a class .gradient-text so you can paste straight into your stylesheet.