jquery.transit vs barba

jquery.transit

Super-smooth CSS3 transformations and transitions for jQuery (by rstacruz)

Animations

Source Code

ricostacruz.com

Suggest alternative

Edit details

barba

Create badass, fluid and smooth transitions between your website’s pages (by barbajs)

Animations Transition prefetch Page barba Animation Router barbajs CSS Library plugin-system single-page-application smooth page-transitions Fluid SPA

Source Code

barba.js.org

Suggest alternative

Edit details

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

jquery.transit		barba
	Project
-	Mentions	11
7,302	Stars	11,420
-	Growth	0.9%
0.0	Activity	8.3
over 2 years ago	Latest Commit	7 days ago
JavaScript	Language	TypeScript
MIT License	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

jquery.transit

Posts with mentions or reviews of jquery.transit. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning jquery.transit yet.
Tracking mentions began in Dec 2020.

barba

Posts with mentions or reviews of barba. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-04-16.

🤯 Keep Up With these 50 Articles
5 projects | dev.to | 16 Apr 2024

Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa This one is really good - just the minimum API to make these transitions so good.
Barba.js – Create fluid and smooth transitions between your website's pages
1 project | news.ycombinator.com | 29 Mar 2024
Coming to grips with JS: a Rubyist's deep dive
16 projects | dev.to | 29 Dec 2023

Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.
Seamless Transition Using Highway.js/Barba.js
2 projects | /r/learnjavascript | 30 Jun 2023

It's using Highway.js or Barba.js I am not using any framework on this project.
Animated transitions between sections
2 projects | /r/webdev | 26 Jun 2023
How would you make this page transition?
1 project | /r/webflow | 16 Jun 2023

Have a look at https://barba.js.org or https://youtu.be/fBU4mLX45HU
Does anyone know of a method of auto-preloading all pages within a website and dynamically replace the body HTML in the dom with the preloaded page content?
1 project | /r/webdev | 1 Jun 2023

barba.js
BARBAJS - THREEJS : Meshes disappear after barbajs transition
1 project | /r/threejs | 29 May 2023
Smooth Page Transitions in 2023
4 projects | /r/webdev | 31 Jan 2023

i think these statistics are not a good guide - it says that barba was last updated 6 years ago, while the last update was actually 17h ago
Barba.js – Create fluid and smooth transitions between your website’s pages
2 projects | news.ycombinator.com | 18 Sep 2022

What are some alternatives?

When comparing jquery.transit and barba you can also consider the following projects:

velocity - Accelerated JavaScript animation.

anime.js - JavaScript animation engine

js-loading-overlay - Display loading overlay/spinner for your application easily and beautifully.

bounce.js - Create beautiful CSS3 powered animations in no time.

particles.js - A lightweight JavaScript library for creating particles

move.js - CSS3 backed JavaScript animation framework

GreenSock-JS - GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

Odoo - Javascript and SVG odometer effect library with motion blur

animate.css - 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

TransitionEnd - :dizzy: TransitionEnd is an agnostic and cross-browser library to work with transitionend event.

Scrawl-canvas - Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun