StarRankExplorer

Voltar ao ranking

shshaw/Splitting

JavaScriptsplitting.js.org

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

csstextanimationtransitioncss-varssplittingcharactersplit

Métricas principais

Crescimento de estrelas

Estrelas

1.8k

Forks

74

Crescimento semanal

—

Issues

42

5001k1.5k

fev. de 2018jul. de 2019nov. de 2020abr. de 2022set. de 2023fev. de 2025jul. de 2026

Artefatosnpmnpm install splitting

README

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

Repositórios relacionados

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

MDXMIT Licensecssbootstrap

getbootstrap.com

Chalarangelo/30-seconds-of-code

Coding articles to level up your development skills

JavaScriptnpmCreative Commons Attribution 4.0 Internationalawesome-listjavascript

30secondsofcode.org

electron/electron

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

C++MIT Licenseelectronjavascript

florinpop17/app-ideas

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

MIT Licenseapplicationsideas

microsoft/Web-Dev-For-Beginners

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

JavaScriptnpmMIT Licensejavascriptcurriculum

tailwindlabs/tailwindcss

A utility-first CSS framework for rapid UI development.

TypeScriptnpmMIT Licensetailwindcsscss

tailwindcss.com

animate-css/animate.css

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

CSSnpmOthercss-animationscss

FortAwesome/Font-Awesome

The iconic SVG, font, and CSS toolkit

JavaScriptnpmOtherfontawesomeicons

fontawesome.com

thedaviddias/Front-End-Checklist

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

MDXfrontendfront-end-development

frontendchecklist.io

juliangarnier/anime

JavaScript animation engine

JavaScriptnpmMIT Licenseanimationanime

h5bp/html5-boilerplate

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

JavaScriptnpmMIT Licensehtml5-boilerplatehtml5

html5boilerplate.com

necolas/normalize.css

A modern alternative to CSS resets

CSSnpmMIT Licensecsscss-reset

necolas.github.io/normalize.css/