An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.
Best jQuery Text Effect Plugins & Tutorials with Demo
Quickfit : jQuery plugin to Fit your Text
jquery-quickfit-plugin is a quick and dirty solution to fit html text into its surrounding container.jQuery-quickfit is for you, if:
- you want to resize multiple items in a short amount of time
- you want good performance when you resize an item multiple times (e.g., on window resize)
- you want to autofit a single line of text
jQuery PrettyTextDiff : Visual Diff of Text
There’s an excellent library from Google, called diff_match_patch that does a really good job of analyzing the text and producing the diffs in a programatic manner. However, it lacks the sauce to visually present it to the user.
So I wrote a jQuery library which is a wrapper around Google’s library and makes it trivial to wow your users.
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.
Flapper : jQuery Split-Flap Text Animation
Flapper is a jQuery plugin that replicates the split-flap (or “Solari”) displays that used to be common in train stations and airports, and your dad’s alarm clock in the 70s.
These displays used a rotating stack of letters and numbers printed on hinged panels. As the stack rotated, a new symbol would fall into place. Flapper recreates this effect using CSS transformations.
