React Text Gradient Effect


A React component that creates text gradients with CSS, including a SVG fallback.

  • Uses CSS gradients when possible (Chrome, Safari, iOS, android).
  • Uses SVG as fallback on Firefox.
  • The text remains as fluid text (never replaced with svg).
  • Font size, family, weight, etc… controlled by CSS as normal.


Subscribe to the mailing list:
* indicates required


Pin It on Pinterest