# barba.js – ![Stability](https://img.shields.io/badge/stability-stable-brightgreen.svg?style=flat-square) [![CircleCI](https://img.shields.io/circleci/project/github/barbajs/barba/main.svg?style=flat-square)](https://circleci.com/gh/barbajs/barba/tree/main) [![Coverage Status](https://img.shields.io/coveralls/github/barbajs/barba/main.svg?style=flat-square)](https://coveralls.io/github/barbajs/barba?branch=main) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square)](http://commitizen.github.io/cz-cli/) [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg?style=flat-square)](https://conventionalcommits.org) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg?style=flat-square)](https://lerna.js.org/) [![License](https://img.shields.io/badge/license-MIT-green.svg?style=flat-square)](https://github.com/barbajs/barba/blob/main/LICENSE.md) [![All Contributors](https://img.shields.io/badge/all_contributors-73-orange.svg?style=flat-square)](#contributors) [![Slack workspace](https://img.shields.io/badge/slack-workspace-purple.svg?style=flat-square&logo=slack)](https://join.slack.com/t/barbajs/shared_invite/enQtNTU3NTAyMjkxMzAyLTkxYWUwZmM1YWQxMmNlYmE0ZjY4NDQxMGUxYjkwYWFlMzEzOWM4OTRhMWRmYTQyYzFlMmQ3OGFmYmI3MWY0OWY)

Create **badass, fluid and smooth transitions** between your website’s pages.

[![barbajs](https://raw.githubusercontent.com/barbajs/.github/main/profile/barbajs.svg "BarbaJS")](https://barba.js.org/)

## Intro

**Barba.js** — aka *Barba* —  is a small *(7kb minified and compressed)* and easy-to-use library that helps you create fluid and smooth transitions between your website's pages. It makes your website run like a **SPA** *(Single Page Application)* and help reduce the delay between your pages, minimize browser HTTP requests and enhance your user's web experience.

## Features
Barba is user friendly, smart, extensible and futureproof. The library provides a bunch of **useful features that will make your website shine** like any other website, ever!

* Simplified API - *written in **TypeScript** and works with `Promises`*
* Cross-browser support - *[progressive enhancement](https://barba.js.org/docs/getstarted/browser-support/) for modern browsers*
* DOM flexibility - *custom [markup](https://barba.js.org/docs/getstarted/markup/#DOM-structure), [namespaces](https://barba.js.org/docs/getstarted/markup/#Namespace) and `data` attribute [schema](https://barba.js.org/docs/getstarted/markup/#Schema)*
* Hook system - *regulars lifecycle [methods](https://barba.js.org/docs/advanced/hooks/) for `Transitions` and `Views`*
* Transition resolution - *[rules](https://barba.js.org/docs/advanced/transitions/#Rules) that let Barba pick the right transition*
* Sync mode - *indicates whether leave and enter hooks should [“play together”](https://barba.js.org/docs/advanced/transitions/#Sync-mode)*
* Page related code - *[custom logic](https://barba.js.org/docs/advanced/views/) attached to a specific `View`*
* Modern browser strategies - *keep your site run [as fast as possible](https://barba.js.org/docs/advanced/strategies/)*
* Cook like an expert - *improve your [development workflow](https://barba.js.org/docs/advanced/recipes/)*
* Built-in utilities - *brought to you with a bunch of [useful methods](https://barba.js.org/docs/advanced/utils/)*
* Plugin system - *supplied with [useful plugins](https://barba.js.org/docs/plugins/intro/)*
* Wide community - *more than 980+ [amazing developers](https://barba.js.org/docs/getstarted/useful-links/#Developer) can help build your website!*

## Documentation
Here you will find the documentation describing **how to use** the library.

1. [Website](https://barba.js.org/) - official Barba website
2. [User guide](https://barba.js.org/docs/getstarted/intro/) - how to install and use the plugin
3. [Lessons, courses and videos](https://barba.js.org/docs/getstarted/useful-links/#Learn) - for in-depth learning
4. [Showcase](https://barba.js.org/showcase/) - selected works made with Barba
5. [Developer API](https://barba.js.org/api/) - by developers, for developers

> [!NOTE]
> This guide assumes intermediate knowledge of HTML, CSS, and JavaScript. It is worth mentioning that all code examples use ES6+ syntax. If you are not comfortable with this syntax, we would encourage you to grasp the basics then come back.
>
> In case of emergency, check the ["legacy" code example](https://barba.js.org/docs/getstarted/legacy/).

## Sponsor
If you like this library and want to give some recognition, it is now possible to **become a [Github sponsor](https://www.github.com/sponsors/xavierfoucrier)** and support this project by sponsoring BarbaJS maintainer on Github. Even if it's a small contribution, you participate in the effort of making **open source projects maintained for anyone**, and developers to be rewarded for their work/time.

## Contribute
If you want to report a bug or request a new feature/improvement, please **read the project [contributors guidelines](.github/CONTRIBUTING.md) before**.

Thanks for taking time to contribute to Barba :tada: :+1:

## Contributors

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://luruke.com"><img src="https://avatars0.githubusercontent.com/u/61326?v=4?s=100" width="100px;" alt="Luigi De Rosa"/><br /><sub><b>Luigi De Rosa</b></sub></a><br /><a href="#ideas-luruke" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/barbajs/barba/commits?author=luruke" title="Code">💻</a> <a href="https://github.com/barbajs/barba/commits?author=luruke" title="Documentation">📖</a> <a href="#question-luruke" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Aluruke" title="Bug reports">🐛</a> <a href="https://github.com/barbajs/barba/commits?author=luruke" title="Tests">⚠️</a> <a href="https://github.com/barbajs/barba/pulls?q=is%3Apr+reviewed-by%3Aluruke" title="Reviewed Pull Requests">👀</a> <a href="#infra-luruke" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://thierrymichel.net"><img src="https://avatars2.githubusercontent.com/u/806883?v=4?s=100" width="100px;" alt="Thierry Michel"/><br /><sub><b>Thierry Michel</b></sub></a><br /><a href="#ideas-thierrymichel" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/barbajs/barba/commits?author=thierrymichel" title="Code">💻</a> <a href="https://github.com/barbajs/barba/commits?author=thierrymichel" title="Documentation">📖</a> <a href="#question-thierrymichel" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Athierrymichel" title="Bug reports">🐛</a> <a href="https://github.com/barbajs/barba/commits?author=thierrymichel" title="Tests">⚠️</a> <a href="https://github.com/barbajs/barba/pulls?q=is%3Apr+reviewed-by%3Athierrymichel" title="Reviewed Pull Requests">👀</a> <a href="#infra-thierrymichel" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://xavierfoucrier.dev"><img src="https://avatars1.githubusercontent.com/u/2471223?v=4?s=100" width="100px;" alt="Xavier Foucrier"/><br /><sub><b>Xavier Foucrier</b></sub></a><br /><a href="#ideas-xavierfoucrier" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/barbajs/barba/commits?author=xavierfoucrier" title="Code">💻</a> <a href="https://github.com/barbajs/barba/commits?author=xavierfoucrier" title="Documentation">📖</a> <a href="#question-xavierfoucrier" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/commits?author=xavierfoucrier" title="Tests">⚠️</a> <a href="https://github.com/barbajs/barba/pulls?q=is%3Apr+reviewed-by%3Axavierfoucrier" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Axavierfoucrier" title="Bug reports">🐛</a> <a href="#infra-xavierfoucrier" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.thenerodesign.com"><img src="https://avatars2.githubusercontent.com/u/858150?v=4?s=100" width="100px;" alt="Marco Grimaldi"/><br /><sub><b>Marco Grimaldi</b></sub></a><br /><a href="#design-markog85" title="Design">🎨</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://ihatetomatoes.net"><img src="https://avatars1.githubusercontent.com/u/735672?v=4?s=100" width="100px;" alt="Petr TIchy"/><br /><sub><b>Petr TIchy</b></sub></a><br /><a href="#blog-Ihatetomatoes" title="Blogposts">📝</a> <a href="#tutorial-Ihatetomatoes" title="Tutorials">✅</a> <a href="#video-Ihatetomatoes" title="Videos">📹</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://studio123.ca"><img src="https://avatars0.githubusercontent.com/u/22644154?v=4?s=100" width="100px;" alt="Cody Marcoux"/><br /><sub><b>Cody Marcoux</b></sub></a><br /><a href="#question-c0mrx" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://philiphussak.com"><img src="https://avatars1.githubusercontent.com/u/3285136?v=4?s=100" width="100px;" alt="Phil."/><br /><sub><b>Phil.</b></sub></a><br /><a href="#question-wiseoldman" title="Answering Questions">💬</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.fnool.com"><img src="https://avatars0.githubusercontent.com/u/5812801?v=4?s=100" width="100px;" alt="Giorgio Finulli"/><br /><sub><b>Giorgio Finulli</b></sub></a><br /><a href="#question-gfnool" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.thisisnota.studio"><img src="https://avatars2.githubusercontent.com/u/6507123?v=4?s=100" width="100px;" alt="Wouter"/><br /><sub><b>Wouter</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3AWouter125" title="Bug reports">🐛</a> <a href="#question-Wouter125" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://selfaware.studio"><img src="https://avatars2.githubusercontent.com/u/12376535?v=4?s=100" width="100px;" alt="Mike Wagz"/><br /><sub><b>Mike Wagz</b></sub></a><br /><a href="#ideas-mikehwagz" title="Ideas, Planning, & Feedback">🤔</a> <a href="#question-mikehwagz" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/commits?author=mikehwagz" title="Tests">⚠️</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.youtube.com/c/redstapler_channel"><img src="https://avatars0.githubusercontent.com/u/16864380?v=4?s=100" width="100px;" alt="Red Stapler"/><br /><sub><b>Red Stapler</b></sub></a><br /><a href="#tutorial-theredstapler" title="Tutorials">✅</a> <a href="#video-theredstapler" title="Videos">📹</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.19h47.fr"><img src="https://avatars1.githubusercontent.com/u/11242861?v=4?s=100" width="100px;" alt="Jérémy Levron"/><br /><sub><b>Jérémy Levron</b></sub></a><br /><a href="#question-19h47" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://anhskohbo.github.io/"><img src="https://avatars2.githubusercontent.com/u/1529454?v=4?s=100" width="100px;" alt="Nguyen Van Anh"/><br /><sub><b>Nguyen Van Anh</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=anhskohbo" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.thedanielweber.com"><img src="https://avatars1.githubusercontent.com/u/668910?v=4?s=100" width="100px;" alt="Daniel Weber"/><br /><sub><b>Daniel Weber</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=dlwebdev" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://www.jmporchet.ch"><img src="https://avatars3.githubusercontent.com/u/3099008?v=4?s=100" width="100px;" alt="Jean-Marie Porchet"/><br /><sub><b>Jean-Marie Porchet</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=jmporchet" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.jamesdocherty.com/"><img src="https://avatars1.githubusercontent.com/u/325490?v=4?s=100" width="100px;" alt="James"/><br /><sub><b>James</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=docherty" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://ruggeri.io"><img src="https://avatars0.githubusercontent.com/u/999162?v=4?s=100" width="100px;" alt="Nicholas"/><br /><sub><b>Nicholas</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=nicholasruggeri" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://patrick.wtf"><img src="https://avatars1.githubusercontent.com/u/667029?v=4?s=100" width="100px;" alt="Patrick Arminio"/><br /><sub><b>Patrick Arminio</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=patrick91" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://angelogulina.it"><img src="https://avatars0.githubusercontent.com/u/4223655?v=4?s=100" width="100px;" alt="A (from Sicily)"/><br /><sub><b>A (from Sicily)</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=angelogulina" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pavel-mazhuga"><img src="https://avatars3.githubusercontent.com/u/29140681?v=4?s=100" width="100px;" alt="Pavel Mazhuga"/><br /><sub><b>Pavel Mazhuga</b></sub></a><br /><a href="#question-pavel-mazhuga" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://dmdcode.it"><img src="https://avatars0.githubusercontent.com/u/7113516?v=4?s=100" width="100px;" alt="Daniele De Matteo"/><br /><sub><b>Daniele De Matteo</b></sub></a><br /><a href="#question-DMDc0de" title="Answering Questions">💬</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/aswinkumar863"><img src="https://avatars0.githubusercontent.com/u/32381261?v=4?s=100" width="100px;" alt="aswinkumar863"/><br /><sub><b>aswinkumar863</b></sub></a><br /><a href="#question-aswinkumar863" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/BounceIncHQ"><img src="https://avatars0.githubusercontent.com/u/39249876?v=4?s=100" width="100px;" alt="BounceIncHQ"/><br /><sub><b>BounceIncHQ</b></sub></a><br /><a href="#question-BounceIncHQ" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/gordonwes"><img src="https://avatars3.githubusercontent.com/u/10758596?v=4?s=100" width="100px;" alt="gordonwes"/><br /><sub><b>gordonwes</b></sub></a><br /><a href="#question-gordonwes" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/evfleet"><img src="https://avatars2.githubusercontent.com/u/7504632?v=4?s=100" width="100px;" alt="Evan Fleet"/><br /><sub><b>Evan Fleet</b></sub></a><br /><a href="#question-evfleet" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Aevfleet" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.aligator-kom.de"><img src="https://avatars2.githubusercontent.com/u/32126746?v=4?s=100" width="100px;" alt="Jörg"/><br /><sub><b>Jörg</b></sub></a><br /><a href="#example-jd4Aligator" title="Examples">💡</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.zaak.ch"><img src="https://avatars3.githubusercontent.com/u/12050808?v=4?s=100" width="100px;" alt="ZAAK"/><br /><sub><b>ZAAK</b></sub></a><br /><a href="#example-StudioZAAK" title="Examples">💡</a> <a href="#question-StudioZAAK" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://leap-in.com"><img src="https://avatars1.githubusercontent.com/u/42055102?v=4?s=100" width="100px;" alt="Masahiro Tonomura"/><br /><sub><b>Masahiro Tonomura</b></sub></a><br /><a href="#example-leapincorp" title="Examples">💡</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/CassiusHR"><img src="https://avatars1.githubusercontent.com/u/24419585?v=4?s=100" width="100px;" alt="CassiusHR"/><br /><sub><b>CassiusHR</b></sub></a><br /><a href="#question-CassiusHR" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.shanemurphy.me"><img src="https://avatars2.githubusercontent.com/u/3694619?v=4?s=100" width="100px;" alt="Shane Murphy"/><br /><sub><b>Shane Murphy</b></sub></a><br /><a href="#question-shanewmurphy" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.dylanreeves.com"><img src="https://avatars3.githubusercontent.com/u/1294637?v=4?s=100" width="100px;" alt="Dylan Reeves"/><br /><sub><b>Dylan Reeves</b></sub></a><br /><a href="#question-watzing" title="Answering Questions">💬</a> <a href="#example-watzing" title="Examples">💡</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.quentinneyraud.fr"><img src="https://avatars2.githubusercontent.com/u/9378568?v=4?s=100" width="100px;" alt="Quentin Neyraud"/><br /><sub><b>Quentin Neyraud</b></sub></a><br /><a href="#question-quentinneyraud" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/tortilaman"><img src="https://avatars2.githubusercontent.com/u/5018268?v=4?s=100" width="100px;" alt="tortilaman"/><br /><sub><b>tortilaman</b></sub></a><br /><a href="#question-tortilaman" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/psntr"><img src="https://avatars2.githubusercontent.com/u/20617539?v=4?s=100" width="100px;" alt="psntr"/><br /><sub><b>psntr</b></sub></a><br /><a href="#question-psntr" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://thisbailiwick.com"><img src="https://avatars3.githubusercontent.com/u/12637253?v=4?s=100" width="100px;" alt="Kevin Clark"/><br /><sub><b>Kevin Clark</b></sub></a><br /><a href="#question-thisbailiwick" title="Answering Questions">💬</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://takodesign.one"><img src="https://avatars2.githubusercontent.com/u/26543624?v=4?s=100" width="100px;" alt="Tadeas Kosek"/><br /><sub><b>Tadeas Kosek</b></sub></a><br /><a href="#question-Tedowski" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/gustavo-a"><img src="https://avatars2.githubusercontent.com/u/26806307?v=4?s=100" width="100px;" alt="Gustavo de Andrade"/><br /><sub><b>Gustavo de Andrade</b></sub></a><br /><a href="#question-gustavo-a" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://durkangroup.com/"><img src="https://avatars0.githubusercontent.com/u/25391588?v=4?s=100" width="100px;" alt="Clinton"/><br /><sub><b>Clinton</b></sub></a><br /><a href="#question-crobbinsdg" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.spon.io"><img src="https://avatars3.githubusercontent.com/u/3268717?v=4?s=100" width="100px;" alt="Dave Stockley"/><br /><sub><b>Dave Stockley</b></sub></a><br /><a href="#question-magicspon" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://khaiknievel.carbonmade.com"><img src="https://avatars1.githubusercontent.com/u/5792500?v=4?s=100" width="100px;" alt="khaiknievel"/><br /><sub><b>khaiknievel</b></sub></a><br /><a href="#question-khaiknievel" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Akhaiknievel" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.francescomichelini.com/"><img src="https://avatars3.githubusercontent.com/u/5191941?v=4?s=100" width="100px;" alt="Francesco Michelini"/><br /><sub><b>Francesco Michelini</b></sub></a><br /><a href="#question-kekkorider" title="Answering Questions">💬</a> <a href="#example-kekkorider" title="Examples">💡</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/FistMeNaruto"><img src="https://avatars1.githubusercontent.com/u/13431677?v=4?s=100" width="100px;" alt="Domantas Petrauskas"/><br /><sub><b>Domantas Petrauskas</b></sub></a><br /><a href="#question-FistMeNaruto" title="Answering Questions">💬</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://kylebrumm.com"><img src="https://avatars3.githubusercontent.com/u/1709677?v=4?s=100" width="100px;" alt="Kyle Brumm"/><br /><sub><b>Kyle Brumm</b></sub></a><br /><a href="#question-kjbrum" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/obelmont"><img src="https://avatars3.githubusercontent.com/u/6540497?v=4?s=100" width="100px;" alt="Oliver Belmont"/><br /><sub><b>Oliver Belmont</b></sub></a><br /><a href="#question-obelmont" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://lunelson.xyz/"><img src="https://avatars1.githubusercontent.com/u/1242864?v=4?s=100" width="100px;" alt="Lu Nelson"/><br /><sub><b>Lu Nelson</b></sub></a><br /><a href="#question-lunelson" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://bierdb.be"><img src="https://avatars1.githubusercontent.com/u/1107185?v=4?s=100" width="100px;" alt="Bram Cordie"/><br /><sub><b>Bram Cordie</b></sub></a><br /><a href="#question-bramcordie" title="Answering Questions">💬</a> <a href="#ideas-bramcordie" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://portfolio.schouman.info"><img src="https://avatars1.githubusercontent.com/u/510652?v=4?s=100" width="100px;" alt="Michael Schouman"/><br /><sub><b>Michael Schouman</b></sub></a><br /><a href="#question-metalmini" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.jumplink.eu"><img src="https://avatars2.githubusercontent.com/u/1073989?v=4?s=100" width="100px;" alt="Pascal Garber"/><br /><sub><b>Pascal Garber</b></sub></a><br /><a href="#question-JumpLink" title="Answering Questions">💬</a> <a href="#ideas-JumpLink" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://twitter.com/bfred_it"><img src="https://avatars3.githubusercontent.com/u/1402241?v=4?s=100" width="100px;" alt="Federico Brigante"/><br /><sub><b>Federico Brigante</b></sub></a><br /><a href="#question-bfred-it" title="Answering Questions">💬</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://coreylee.tokyo/"><img src="https://avatars1.githubusercontent.com/u/1465865?v=4?s=100" width="100px;" alt="Corey Lee"/><br /><sub><b>Corey Lee</b></sub></a><br /><a href="#question-factorzero" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.imls.uzh.ch/research/vonmering/people/milan-simonovic.html"><img src="https://avatars3.githubusercontent.com/u/888008?v=4?s=100" width="100px;" alt="Milan Simonovic"/><br /><sub><b>Milan Simonovic</b></sub></a><br /><a href="#question-mbsimonovic" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://djul.es"><img src="https://avatars1.githubusercontent.com/u/196644?v=4?s=100" width="100px;" alt="Julien Vasseur"/><br /><sub><b>Julien Vasseur</b></sub></a><br /><a href="#question-Djules" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/panwron"><img src="https://avatars2.githubusercontent.com/u/8494786?v=4?s=100" width="100px;" alt="Maciej Wrona"/><br /><sub><b>Maciej Wrona</b></sub></a><br /><a href="#question-panwron" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://terion.name"><img src="https://avatars0.githubusercontent.com/u/1060205?v=4?s=100" width="100px;" alt="Terion"/><br /><sub><b>Terion</b></sub></a><br /><a href="#ideas-terion-name" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/cartogram"><img src="https://avatars2.githubusercontent.com/u/462077?v=4?s=100" width="100px;" alt="Matt Seccafien"/><br /><sub><b>Matt Seccafien</b></sub></a><br /><a href="#ideas-cartogram" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://www.maxschulmeister.com"><img src="https://avatars2.githubusercontent.com/u/15388185?v=4?s=100" width="100px;" alt="Max Schulmeister"/><br /><sub><b>Max Schulmeister</b></sub></a><br /><a href="#ideas-max-schu" title="Ideas, Planning, & Feedback">🤔</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://davidaase.com"><img src="https://avatars3.githubusercontent.com/u/1521451?v=4?s=100" width="100px;" alt="David"/><br /><sub><b>David</b></sub></a><br /><a href="#ideas-tipsy" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/pierrehenri220"><img src="https://avatars3.githubusercontent.com/u/19267400?v=4?s=100" width="100px;" alt="Pierre-Henri Lavigne"/><br /><sub><b>Pierre-Henri Lavigne</b></sub></a><br /><a href="#ideas-pierrehenri220" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lsbyerley"><img src="https://avatars0.githubusercontent.com/u/3066258?v=4?s=100" width="100px;" alt="lsbyerley"/><br /><sub><b>lsbyerley</b></sub></a><br /><a href="#ideas-lsbyerley" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://gmorisseau.com/"><img src="https://avatars2.githubusercontent.com/u/242203?v=4?s=100" width="100px;" alt="Guillaume M."/><br /><sub><b>Guillaume M.</b></sub></a><br /><a href="#ideas-theamnesic" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://oscarotero.com"><img src="https://avatars3.githubusercontent.com/u/377873?v=4?s=100" width="100px;" alt="Oscar Otero"/><br /><sub><b>Oscar Otero</b></sub></a><br /><a href="#ideas-oscarotero" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://twitter.com/nicooprat"><img src="https://avatars0.githubusercontent.com/u/645641?v=4?s=100" width="100px;" alt="Nico Prat"/><br /><sub><b>Nico Prat</b></sub></a><br /><a href="#ideas-nicooprat" title="Ideas, Planning, & Feedback">🤔</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://marco.solazzi.me/"><img src="https://avatars2.githubusercontent.com/u/104721?v=4?s=100" width="100px;" alt="Marco Solazzi"/><br /><sub><b>Marco Solazzi</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Adwightjack" title="Bug reports">🐛</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/atoupet-toki"><img src="https://avatars3.githubusercontent.com/u/38693082?v=4?s=100" width="100px;" alt="atoupet-toki"/><br /><sub><b>atoupet-toki</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Aatoupet-toki" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/josias-r"><img src="https://avatars1.githubusercontent.com/u/11424820?v=4?s=100" width="100px;" alt="Josias"/><br /><sub><b>Josias</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Ajosias-r" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/OksanaRomaniv"><img src="https://avatars1.githubusercontent.com/u/5724727?v=4?s=100" width="100px;" alt="Oksana Romaniv"/><br /><sub><b>Oksana Romaniv</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3AOksanaRomaniv" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.olivier-guilleux.com"><img src="https://avatars3.githubusercontent.com/u/5804006?v=4?s=100" width="100px;" alt="Olivier Guilleux"/><br /><sub><b>Olivier Guilleux</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Aoguilleux" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="http://liroopierre.com"><img src="https://avatars3.githubusercontent.com/u/11197281?v=4?s=100" width="100px;" alt="Liroo Pierre ᵈᵉᵛ"/><br /><sub><b>Liroo Pierre ᵈᵉᵛ</b></sub></a><br /><a href="https://github.com/barbajs/barba/commits?author=Liroo" title="Code">💻</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lmartins"><img src="https://avatars2.githubusercontent.com/u/151981?v=4?s=100" width="100px;" alt="Luis Martins"/><br /><sub><b>Luis Martins</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Almartins" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://arraytheband.com.au"><img src="https://avatars0.githubusercontent.com/u/41524?v=4?s=100" width="100px;" alt="Matthew"/><br /><sub><b>Matthew</b></sub></a><br /><a href="#ideas-matthewjumpsoffbuildings" title="Ideas, Planning, & Feedback">🤔</a> <a href="#question-matthewjumpsoffbuildings" title="Answering Questions">💬</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="http://slgoetz.com"><img src="https://avatars0.githubusercontent.com/u/393000?v=4?s=100" width="100px;" alt="Simon Goetz"/><br /><sub><b>Simon Goetz</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3ASlgoetz" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://luis.pt"><img src="https://avatars3.githubusercontent.com/u/14956453?v=4?s=100" width="100px;" alt="Luís Carvalho"/><br /><sub><b>Luís Carvalho</b></sub></a><br /><a href="#question-luis-pt" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/mrsamse"><img src="https://avatars2.githubusercontent.com/u/20925205?v=4?s=100" width="100px;" alt="Samuel Berisha"/><br /><sub><b>Samuel Berisha</b></sub></a><br /><a href="#question-mrsamse" title="Answering Questions">💬</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/andersonleite"><img src="https://avatars.githubusercontent.com/u/52427?v=4?s=100" width="100px;" alt="Anderson Leite"/><br /><sub><b>Anderson Leite</b></sub></a><br /><a href="#question-andersonleite" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Aandersonleite" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://jaycollett.co/"><img src="https://avatars.githubusercontent.com/u/13233809?v=4?s=100" width="100px;" alt="Jay Collett"/><br /><sub><b>Jay Collett</b></sub></a><br /><a href="#question-JayBox325" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3AJayBox325" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://github.com/timgates42"><img src="https://avatars.githubusercontent.com/u/47873678?v=4?s=100" width="100px;" alt="Tim Gates"/><br /><sub><b>Tim Gates</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Atimgates42" title="Bug reports">🐛</a></td>
      <td align="center" valign="top" width="14.28%"><a href="https://www.nicolascusan.com/"><img src="https://avatars.githubusercontent.com/u/1353931?v=4?s=100" width="100px;" alt="Nicolas Cusan"/><br /><sub><b>Nicolas Cusan</b></sub></a><br /><a href="#question-nicolas-cusan" title="Answering Questions">💬</a> <a href="https://github.com/barbajs/barba/issues?q=author%3Anicolas-cusan" title="Bug reports">🐛</a> <a href="https://github.com/barbajs/barba/commits?author=nicolas-cusan" title="Code">💻</a></td>
    </tr>
    <tr>
      <td align="center" valign="top" width="14.28%"><a href="https://geraldnako.com/"><img src="https://avatars.githubusercontent.com/u/5095859?v=4?s=100" width="100px;" alt="Gerald Nako"/><br /><sub><b>Gerald Nako</b></sub></a><br /><a href="https://github.com/barbajs/barba/issues?q=author%3Ageraldnako" title="Bug reports">🐛</a> <a href="https://github.com/barbajs/barba/commits?author=geraldnako" title="Code">💻</a></td>
    </tr>
  </tbody>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

## License
The project is developed under the **MIT** license:

- **Permissions**: This software and derivatives may be used for commercial purposes, you may distribute this software, this software may be modified and you may use and modify the software without distributing it.
- **Conditions**: Include a copy of the license and copyright notice with the code.
- **Limitations**: Software is provided without warranty and the software author/license owner cannot be held liable for damages.

Read the [full license](LICENSE.md) for more information about your rights.