My demo wasn't meant to make splitting.js look impressive, it was fast coded codepen to show the end goal.
Yes you are right, the HTML is super bloated (I believe that you can make it cleaner with deleting char and words indexing in variable, which are meant for CSS keyframes anyway). But the point is keeping the HTML clean while it's in production, while you are working with it.
Yes, there is much easier way to recreate my demo with cleaner HTML, but say there are lots of paragraphs on the page, it would suck if you had to enter the data attributes manualy, so what I was asking, if there was automated way with splitText.
It looks like @Visual-Q has a solution in his codepen, if I had known JS any better I wouldn't have to ask it, thank you