Barba.js — плавные переходы между страницами

★ 6.5 · vibe-coding

barba-js is a Claude Code skill that helps implement smooth page transitions using Barba.js — a lightweight (~7 KB minified and compressed) JavaScript library that intercepts navigation, fetches new content via AJAX, and animates page swaps without full reloads. The skill covers the core DOM structure (wrapper, container, namespace), all 11 lifecycle hooks (beforeLeave, leave, enter, afterEnter, and more), view-based page-specific logic, and integration with GSAP and other animation libraries. It includes ready patterns for fade transitions, crossfade sync transitions, and routing via the @barba/router plugin. Ideal for developers who want multi-page websites to feel like SPAs without adopting a full JavaScript framework.