Explore SplitFX's powerful features that make creating text animations effortless
Demo ProjectsYou can choose to animate text by chars or words.
Animate HTML elements' text in and out on scroll, window load, hover, or click.
Full control over animation timing, stagger, stagger direction, and easing.
Choose from a variety of built-in animations such as fade, zoom in, and more.
Build and use your own animations to create text effects tailored to your needs.
Control the animation flow with stagger directions like forward, backward, center-out, random, and more.
Run text animations step by step in a defined sequence, just like the hero of this page and each demo project.
Split and animate the text of HTML elements even when they contain nested elements.
A set of convenience methods that make SplitFX easier to use.
Built specifically for text animations with zero external dependencies.
Works on the text you already have in your HTML, so search engines can read it.
Explore demos, read the docs, or try the studio to get the most out of SplitFX.
Choose the license that fits your project whether you're experimenting, building for clients, or creating products for distribution.
Read License| Usage | Non-Commercial only | 1 End Product | 1 End Product |
| Resale & Distribution | Not allowed | Limited to one client / End Product | Allowed to multiple End Users |
| Technical Support | Community only | 6 months | 12 months |
| Attribution | Appreciated | Not required | Not required |
| Best for | Personal projects, learning, or prototyping not for client work or commercial use | One commercial End Product: either for yourself or a single client | A commercial End Product sold or licensed to multiple End Users (e.g., a template) |
Find answers to common questions, questions you may have, and helpful tips about SplitFX.
Use SplitFX whenever you want to add engaging text animations to your website, such as headings, hero titles, call-to-actions, or section labels, without relying on heavy animation libraries.
Yes.
SplitFX works on the text already present in your HTML, so search engines and assistive technologies can read it.
Yes.
You can use convenience methods that make SplitFX easier to use, or core methods when you need more control over your custom logic.
No.
SplitFX is dependency-free and works with plain JavaScript.
Yes.
SplitFX allows you to split and animate the text of HTML elements even when they contain nested elements.
Yes.
You can replay animations using Core Methods or configure convenience methods depending on your use case.
Yes.
But it's best used on headings and short paragraphs.
