StarRankExplorer
Back to rankings

shshaw/Splitting

JavaScriptsplitting.js.org

JavaScript microlibrary to split an element by words, characters, children and more, populated with CSS variables!

csstextanimationtransitioncss-varssplittingcharactersplit
Star Growth
Stars
1.8k
Forks
74
Weekly Growth
—
Issues
42
5001k1.5k
Feb 2018Nov 2020Sep 2023Jul 2026
Artifactsnpmnpm install splitting
README

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
Related repositories
twbs/bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

MDXMIT Licensecssbootstrap
getbootstrap.com
174.5k78.7k
Chalarangelo/30-seconds-of-code

Coding articles to level up your development skills

JavaScriptnpmCreative Commons Attribution 4.0 Internationalawesome-listjavascript
30secondsofcode.org
128.5k12.5k
electron/electron

:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS

C++MIT Licenseelectronjavascript
electronjs.org
122.1k17.3k
florinpop17/app-ideas

A Collection of application ideas which can be used to improve your coding skills.

MIT Licenseapplicationsideas
coderabbit.ai
96.1k10.5k
microsoft/Web-Dev-For-Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer

JavaScriptnpmMIT Licensejavascriptcurriculum
96k15.7k
tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

TypeScriptnpmMIT Licensetailwindcsscss
tailwindcss.com
96k5.4k
animate-css/animate.css

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

CSSnpmOthercss-animationscss
animate.style
82.7k16k
FortAwesome/Font-Awesome

The iconic SVG, font, and CSS toolkit

JavaScriptnpmOtherfontawesomeicons
fontawesome.com
76.8k12.2k
thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

MDXfrontendfront-end-development
frontendchecklist.io
73.3k6.7k
juliangarnier/anime

JavaScript animation engine

JavaScriptnpmMIT Licenseanimationanime
animejs.com
71.3k4.8k
h5bp/html5-boilerplate

A professional front-end template for building fast, robust, and adaptable web apps or sites.

JavaScriptnpmMIT Licensehtml5-boilerplatehtml5
html5boilerplate.com
57.6k12.3k
necolas/normalize.css

A modern alternative to CSS resets

CSSnpmMIT Licensecsscss-reset
necolas.github.io/normalize.css/
53.5k10.4k