barbajs/barba
Create badass, fluid and smooth transitions between your website’s pages observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 3947
- days_rel: n/a
- days_push: 639
- n_releases_24m: 0
Adoption not part of the score
12973 stars · 497 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Barba.js is a small (~7kb) TypeScript library that creates fluid, smooth transitions between website pages, making a multi-page site behave like a single-page application. It offers a hook-based lifecycle, transition rules, sync mode, and official plugins for routing, prefetching, and CSS-only transitions.
Use cases
- add smooth page transitions to a website
- make a multi-page site feel like an SPA
- animate between pages without a full framework
- prefetch pages to speed up navigation
- route-based page transition rules
- crossfade page content on navigation
When to choose
- you want SPA-like fluid page transitions on a traditional multi-page site
- you need fine-grained control over transition lifecycle hooks and rules
- you want a lightweight, framework-agnostic solution with a plugin system
When to avoid
- you already use React, Vue, or Next.js with built-in routing and transitions
- you need full SPA state management rather than just page transitions
- you require SEO-critical server-rendered behavior without careful setup
Facets
library · maturity stable
animation routing plugin-system frontend-framework web-development frontend browser page-transitions spa smooth-animations prefetch progressive-enhancement typescript nodejs
10 sources
- readme: https://github.com/barbajs/barba · fetched 2026-08-28 · a4d41dc0d613
- homepage: https://barba.js.org/ · fetched 2026-08-29 · ed6847062244
- site_page: https://barba.js.org/features/user-friendly · fetched 2026-08-29 · 5d3a8e582600
- site_page: https://barba.js.org/features/easy-peasy · fetched 2026-08-29 · ffd965d796d0
- site_page: https://barba.js.org/features/smart · fetched 2026-08-29 · 5da239dff16b
- site_page: https://barba.js.org/features/extensible · fetched 2026-08-29 · b67bf8f55b16
- site_page: https://barba.js.org/features/futureproof · fetched 2026-08-29 · 79d77b7d59dd
- site_page: https://barba.js.org/features/community · fetched 2026-08-29 · bf19e4fceba2
- site_page: https://barba.js.org/docs/getstarted/intro · fetched 2026-08-29 · f1fac0427e06
- site_page: https://barba.js.org/faq · fetched 2026-08-29 · 14fa1fd3bb78
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| barbajs/barba | main | 23 |
For agents
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem