Barba Js
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
Adds fluid animated page transitions and SPA-like navigation to multi-page websites using Barba.js and GSAP.
About
A Claude skill for Barba.js, a library that creates smooth animated transitions between website pages for an SPA-like feel. A solo builder reaches for it when they want fluid animated route changes, view management and GSAP-integrated transition hooks on a multi-page marketing or portfolio site without rebuilding it as a full single-page app.
- Barba.js page transitions
- SPA-like navigation from a static site
- GSAP-driven transition hooks
- View management and routing
Barba Js by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/barba-jsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 629 |
|---|---|
| Last updated | November 20, 2025 |
| Repository | freshtechbro/claudedesignskills ↗ |
What it does
Adds fluid animated page transitions and SPA-like navigation to multi-page websites using Barba.js and GSAP.
Who is it for?
Animated transitions on multi-page sites
Skip if: Framework-native routing in React/Next
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.576k29.4kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.261k29.4k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.249k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita201k66.9kVercel React Native SkillsEnsure AI agents generate and refactor React Native code that follows performance best practices without common rendering and list pitfalls.173k29.4k