barba-js - Implement Barba.js page transitions
Implements smooth page transitions and SPA-like navigation for multi-page websites with lifecycle hooks, views, routing, and animation integrations.
Tags
Updated: 2026-10-06Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Define wrapper and containers
- Configure transition lifecycle hooks
- Implement view-specific behaviors
- Add route-based transitions
- Integrate GSAP animations
- Manage AJAX page navigation
Inputs
- HTML page structure
- Transition configuration
- Navigation routes
- Animation integration code
Outputs
- Animated page transitions
- Updated dynamic containers
- Browser history updates
- Page-specific initialization
Requirements
- JavaScript web project
- @barba/core package
- Browser DOM environment