barba.js

Barba.js is a small and easy-to-use javascript library that helps you creating fluid and smooth transitions between your website’s pages.

[barba.js @barba_js]

Meet the dark side of BarbaJS in the documentation site. Feel free to report any issue on the Slack workspace 🕶️ — https://t.co/SVlTw0c7pL

[barba.js @barba_js]

BarbaJS documentation site now provide a dark mode based on browser preferred color scheme, enjoy! 🖤 #dark #darkmode #barbajs

[Studio MOTIO® @studiomotio]

We are proud to release the new website of @agencekhosi, a Webmarketing Agency based in Nantes. Art Direction made by the famous @StudioP2MV team ✌️🎉⚡️🔥 — https://t.co/9KWX3YR8YL

Build with @webpack, @barba_js, #gsap, #swiperjs, #locomotivescroll, @FoundationCSS and love!

[barba.js @barba_js]

@victorwork_ @MalerbaAustin @AWWWARDS @greensock Great! Feel free to submit the website on our showcase 😘 - https://t.co/w41lZlCH8F

[barba.js @barba_js]

barba.js branding on behance by @thenerodesign 😍

https://t.co/nPYDzFy58L

[Arno Di Nunzio ⚡️ @aqro]

👋
First worldwide project with the team at @reed_hq 💪 and many thanks @ManonJouet for her help 🙌

The stack used: @CraftCMS, @greensock, @threejs and @barba_js

👉 https://t.co/BoN86YCSW0

[Xavier Foucrier – 👨‍🍼 Father again @xavierfoucrier]

I am really honored to have contributed to this beautiful web project. This guy is just awesome 😘⚡️🎉🔥 https://t.co/mre3jFsH8Q

Discover more on Instagram!
https://t.co/PsW9bHAXis

#javascript #webpack #barbajs #gsap #glidejs #locomotivescroll #pts #mixitup

[Xavier Foucrier – 👨‍🍼 Father again @xavierfoucrier]

Since January, I continue to train other developers to make them adopt @webpack, improve their workflow with @github and build sleek animations with @barba_js. Open source is still the place where I really enjoy to be, to work, to share and learn. ⚛️😘 #javascript #opensource

[barba.js @barba_js]

@nassardhi Hello ! Sorry for the late reply. We have used Hexo as site builder and vanilla JS/CSS with GSAP, BarbaJS and Lottie. You can see the full source code here https://t.co/hoexH3LUiS 😉👍

[Romain Prache @RomainPrache]

🚨2021's first release🚨

Launching the new Schweppes Canada's who entrusted us to create a digital brand experience. A lot of fun, great results 🔥

➡️https://t.co/qFEpD7qKAv

#GSAP #OGL #BarbaJS #creativedev #brandexperience

[awwwards. @awwwards]

❓ Question, what is your go-to transition library or technique? Do you use @barba_js or libraries for @reactjs or @vuejs?

Post your answers and share your favorite examples of transitions in the comments #transitions #webdev #webdesign⤵

[barba.js @barba_js]

@J61810352 Hi!

Barba is developed under the MIT license, which means that the software and derivatives may be used for commercial purposes. The only condition is to deliver your theme with the Barba license and copyright notice.

Read full description here: https://t.co/IUySi06y8a

[barba.js @barba_js]

@godotengine is using Barba.js!

[Hugo Locurcio @HugoLocurcio]

I've deployed a #godotengine website update with many improvements 🌐
- Automatic dark theme (depends on system theme)
- Better link and focus indicators for acessibility
- Front-end performance improvements (pages loaded using Barba.js)
- Brotli compression for static assets

[Olivier Guilleux @oligtwit]

New folio is out 👇👇

#gsap #barbajs #scrolltrigger

[Petr Tichy @ihatetomatoes]

.@barba_js 101 playlist on YouTube, links to working files in description.
https://t.co/mQaDSUpr1Y

[The Aghlabid with a golden beard @golden_beardx]

I have been noticing some visits from the official #Barbajs website to my blog lately and it turns out that my blog post and YouTube playlist were added to the Learn section on their useful links page.
I'm so proud!

[Petr Tichy @ihatetomatoes]

.@barba_js Page Transition tutorials preview.

- CSS
- @greensock
- Locomotive Scroll
- Smooth Scrollbar
- ImagesLoaded

Anything else you would like to learn about Barba or page transitions?

Let me know under the video.

https://t.co/l5u2xCsf31

[Petr Tichy @ihatetomatoes]

.@awwwards website of the day with @barba_js page transitions, horizontal scrolling and anime.js.

https://t.co/QZcd4v1iqF

[Luigi De Rosa @luruke]

Today, on the Italian @Google homepage, there is a CTA to a Google initiative (https://t.co/yhMHoo1CcW) that uses @barba_js , a JS lib I created back in 2016'.

Small life achievements 😅

[Petr Tichy @ihatetomatoes]

.@barba_js and @greensock demos in the making.

Free resources coming out soon:
- page transition tutorials
- Barba.js explained in step by step demos
- JavaScript and CSS animations
- Github repo with source code
- free online course

Any requests or questions? Let me know👍