Viewmotion
Animazioni on-scroll, zero dipendenze
> Il problema
Le librerie di animazione scroll più diffuse portano con sé dipendenze pesanti, sono legate a framework specifici o richiedono configurazioni complesse per casi d'uso comuni. Per chi vuole animazioni fluide senza compromessi su bundle size e portabilità, le opzioni sono limitate.
- Librerie esistenti pesanti e framework-dependent
- Configurazione complessa per animazioni comuni
- Impatto negativo su bundle size e performance
> La soluzione
Ho creato Viewmotion, una libreria npm zero-dependency che usa l'Intersection Observer API nativa per triggerare animazioni al scroll. L'API è dichiarativa e minimale: basta un attributo HTML o una singola chiamata per attivare le animazioni. Il progetto è strutturato come monorepo pnpm con adapter per diversi framework e un sito di documentazione in Astro.
- Zero dipendenze, basata su Intersection Observer API
- API dichiarativa con attributi HTML o chiamata singola
- Monorepo pnpm con adapter multi-framework
- Sito documentazione in Astro
> Il risultato
Una libreria leggera e portabile, utilizzabile in qualsiasi progetto web con un singolo import. Le animazioni sono fluide, performanti e non impattano il bundle size. Il monorepo garantisce supporto consistente su più framework.
- Bundle size sotto i 3KB gzipped
- Compatibile con qualsiasi framework o vanilla JS
- Documentazione interattiva con esempi live