shshaw/Splitting

Health v2 · maintenance only

Adoption not part of the score

1757 stars · 74 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Splitting.js is a tiny JavaScript microlibrary that splits DOM elements into words, characters, child nodes, and more, wrapping them in spans populated with CSS variables and data attributes. It unlocks CSS transitions and animations that were previously impractical, in a ~1.5kb gzipped package.

Use cases

• animate text character by character with CSS
• split headings into words and letters for staggered animations
• add CSS variables to split elements for transitions
• create text reveal and entrance effects on websites
• split grid items or images for progressive animation
• progressively enhance text animations without breaking older browsers

When to choose

• you want pure CSS-driven text animations with minimal JavaScript
• you need a tiny dependency for splitting text into words or characters
• you want to animate grids, images, or DOM children with staggered CSS effects

When to avoid

• you need a full JavaScript animation engine with timeline control
• your project requires server-side text processing rather than DOM manipulation
• you need complex physics or scroll-based animation libraries

Facets

library · maturity stable

animation ui-components templating web-development frontend web-design browser css-variables text-splitting microlibrary text-animation css-transitions nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="shshaw/Splitting")