React Text Gradient Effect

samuel SVG Tutorial 238 , , ,

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.
Related Post

jquery-quickfit-plugin is a quick and dirty solution to fit html text into its surrounding container.jQuery-quickfit is for you, if: you Read more

jsdiff is a javascript text differencing implementation of the algorithm proposed in "An O(ND) Difference Algorithm and its Variations" (Myers, 1986).

TextFit is a fast, dependency-free text sizing component that quickly fits single and multi-line text to the width and/or height Read more

LuminJS is a JavaScript library to progressively highlight any text on a page. Great for when you want users to pay Read more

Nano ID is a tiny, secure URL-friendly unique string ID generator for JavaScript. Features Safe: It uses cryptographically strong random Read more

getlorem is a library for generating passages of Lorem Ipsum text, suitable for use as placeholder text in documents. This Read more

jQuery TextFill is a jQuery plugin resizes text to make it fit into a container. The font size gets as Read more

Balance Text is a jQuery plugin for implementing balancing of wrapping text in a web page.

Go