Meet @vysmo/text - 243 text animation presets in 3 KB
The @vysmo/text library offers 243 text animation presets in a compact 3 KB package. It allows developers to animate text on landing pages with ease, using a clean API and tree-shaking capabilities. Users can choose from various presets to create engaging text animations without the need for complex setups.
- ▪The library includes 243 presets, with 120 for text entering, 92 for exiting, and 31 for emphasis animations.
- ▪Each preset is its own ES module export, enabling tree-shaking to minimize bundle size.
- ▪Developers can easily customize animations by adjusting parameters like stagger time for different effects.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 3935266) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } TommyDee Posted on May 19 Meet @vysmo/text - 243 text animation presets in 3 KB #javascript #webdev #animation #typescript The big text on a landing page deserves to arrive. The headline you spent two hours writing shouldn't just appear — it should choreograph itself into place, letter by letter, so the reader's eye lands on it and stays. That's what @vysmo/text does.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
