shshaw / Splitting

JavaScript microlibrary to split an element by words, characters, children and more, populated with CSS variables!
https://splitting.js.org
MIT License
1.69k stars 68 forks source link
animation character css css-vars split splitting text transition

Splitting.js

CSS Vars for split words, chars & more!

The current build status based on whether tests are passing The Uncompressed size of Splitting The GZIP size of Splitting License: MIT

Splitting.js is a JavaScript microlibrary designed to split (section off) an element in a variety of ways, such as words, characters, child nodes, and more!

Most Splitting methods utilize a series of <span>s populated with CSS variables and data attributes unlocking transitions and animations that were previously not feasible with CSS.

Install with npm i splitting -s or Download.

Consult the guide & documentation for more details and installation instructions.


Maintainers

Maintainer GitHub Twitter
Stephen Shaw @shshaw @shshaw
Christopher Wallis @notoriousb1t @notoriousb1t