# Barba.js

> JavaScript library for smooth transitions between pages

- Category: Motion & animation (`motion`)
- Official: https://barba.js.org/
- Docs: https://barba.js.org/docs/getstarted/basic-transition
- Wunderlust: https://wunderlust.xyz/r/barba-js
- Image: https://wunderlust.xyz/media/barba-js-poster.jpg
- Video preview: https://wunderlust.xyz/media/barba-js.webm
- Added: 2026-11-05

## What it is

Barba.js is a library for creating transitions between a site's pages, without a visible reload. The site has docs, examples, a showcase and a Slack community.

## What it’s for

For animating navigation between a site's pages instead of hard cuts.

## Benefits

- Focus on page-to-page transitions
- Documentation with a basic transition example
- Described as extensible

## Caveats

- The site doesn't state a license or price.

## Similar on Wunderlust

- [Transitions.dev](https://wunderlust.xyz/r/transitions-dev.md): A library of CSS UI transitions with a skill for agents
- [Motion](https://wunderlust.xyz/r/motion.md): Animation library for React, JavaScript and Vue (formerly Framer Motion)
- [Vanta.js](https://wunderlust.xyz/r/vanta-js.md): Animated WebGL backgrounds for websites in a few lines of code
- [Animista](https://wunderlust.xyz/r/animista.md): CSS animation library and generator
- [Anime.js](https://wunderlust.xyz/r/anime-js.md): JavaScript animation library for the web, with timeline, SVG and scroll
- [Typeface Animator](https://wunderlust.xyz/r/typeface-animator.md): Text animation tool, with a library of templates