---
title: "Splitting.js"
description: "Microlibrary that splits elements by word, character, line, grid or image and populates CSS custom properties for index-based staggering."
canonical: "https://vibing.inc/library/splitting-js-vg-1515"
category: "Motion & Animation"
subcategory: "Text animation"
license: "MIT"
author: "Shaw Brown (@shshaw)"
source: "https://splitting.js.org/"
---

# Splitting.js
Microlibrary that splits elements by word, character, line, grid or image and populates CSS custom properties for index-based staggering.
## Facts
- Source: https://splitting.js.org/
- Category: Motion & Animation / Text animation
- Author: Shaw Brown (@shshaw)
- Licence: MIT
- Tags: text, css-variables, stagger, typography
## Why it's a gem
CSS-variable index output means you can stagger entirely in CSS, no JS timeline.
---
Listed in The Vibeary: https://vibing.inc/library/splitting-js-vg-1515 · JSON: https://vibing.inc/api/public/library/gems/splitting-js-vg-1515