Create badass, fluid and smooth transitions between your website’s pages
Transitions
and Views
data-barba-*
attributes, that you can easily customize@barba/router
: use of routes for transition resolution
@barba/css
: automatic addition of CSS classes@barba/prefetch
: automatic pages prefetching (and caching), based on viewport@barba/head
: update your <head>
(coming soon)
@barba/preset
: ready-to-use basic transitions pack (fade, slide, …) (coming soon)
It is now possible to 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 everyone, and developers to be rewarded for their work/time.
Feel free to report any issue or feature request, thanks! :+1: Send us your project and showcase the amazing transitions you built using Barba!
Enable NPM @latest
for the beta release.
Wow, i've been really busy recently but I managed to get out Barba.js v1.0! 🎉
Some stuff in this version:
download
attribute.xlink:href
attribute (introducing a new method Barba.Pjax.getHref
).linkClicked
event, now you receive the event. Thanks @anhskohbo .newPageReady
event, now you have the full raw HTML of the page loaded.Lots of little stuff in this version!
🏁
Barba.Utils.xhrTimeout
, by default 5000ms)Barba.HistoryManager.states
in Barba.HistoryManager.history
🏁
data-namespace
, .barba-container
and #barba-wrapper