Software Alternatives, Accelerators & Startups

Turbolinks VS barba.js

Compare Turbolinks VS barba.js and see what are their differences

Turbolinks logo Turbolinks

Turbolinks makes navigating your web application faster

barba.js logo barba.js

Create badass, fluid and smooth transition between web pages
  • Turbolinks Landing page
    Landing page //
    2023-08-17
Not present

Turbolinks videos

Improving Your Page Load Speeds on Any Site with Turbolinks

More videos:

  • Review - 16 Laravel Livewire SPA using Turbolinks
  • Review - True hybrid mobile applications with Turbolinks

barba.js videos

Clip Path Page Transition in Webflow with Barba.js

More videos:

  • Review - Barba.js with GSAP - 13. Rules and Conditions

Category Popularity

0-100% (relative to Turbolinks and barba.js)
Web Application Bundler
100 100%
0% 0
Design Tools
0 0%
100% 100
Javascript UI Libraries
57 57%
43% 43
Open Source
0 0%
100% 100

User comments

Share your experience with using Turbolinks and barba.js. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Based on our record, Turbolinks should be more popular than barba.js. It has been mentiond 14 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Turbolinks mentions (14)

  • Hotwire: HTML Over The Wire
    First off, name calling. Second, I actually thought the same as you but digging into the history I don't see any records of a public release of Hotwire until December of 2020, and HTMX was public in May of that year. I'm pretty sure what I was thinking of was actually Turbolinks: https://github.com/turbolinks/turbolinks. - Source: Hacker News / 6 days ago
  • What is the best way to add dynamic workflow in django template ?
    You can find out more about Turbolinks on the GitHub repository (https://github.com/turbolinks/turbolinks). The repo is now archived, because it’s was integrated in a framework called Turbo, but the functionality is the same. Source: about 1 year ago
  • A Comprehensive Guide to Rails Internationalization
    // app/javascript/src/helpers/price.js // Turbolinks are enabled by default in Rails, // we need to process our script on every page load // https://github.com/turbolinks/turbolinks#full-list-of-events Document.addEventListener("turbolinks:ready", () => { // Get language from html tag const lang = document.documentElement.lang; // Find all span tags with data-localize="price" const pricesOnPage =... - Source: dev.to / over 1 year ago
  • An SPA Alternative
    Https://github.com/turbolinks/turbolinks It provides a smooth UX by fetching next page's HTML in background, then replace the DOM by compareing the diff in HTML. So you won't see a blank page while navigating between pages. - Source: Hacker News / almost 2 years ago
  • Get Started with Hotwire in Your Ruby on Rails App
    If you have used Turbolinks in the past, you will feel right at home with Turbo Drive. At its core, some JS code intercepts JavaScript events on your application, loads HTML asynchronously, and replaces parts of your HTML markup. - Source: dev.to / almost 2 years ago
View more

barba.js mentions (9)

  • 🤯 Keep Up With these 50 Articles
    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. - Source: dev.to / about 2 months ago
  • Coming to grips with JS: a Rubyist's deep dive
    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. - Source: dev.to / 5 months ago
  • Seamless Transition Using Highway.js/Barba.js
    It's using Highway.js or Barba.js I am not using any framework on this project. Source: 11 months ago
  • How to use View Transitions in Hotwire Turbo
    So what are View Transitions good for? In short, they allow adding animated page transitions. Although we already have several standard options to animate stuff on web pages (CSS Transitions, CSS Animations or the Web Animations API) and countless more options in particular JavaScript frameworks and libraries (Framer Motion for React, Vue Transitions, Svelte Transitions, Swup, Barba.js or Animate.css to name just... - Source: dev.to / over 1 year ago
  • Smooth Page Transitions in 2023
    I've heard good things about barba.js! Source: over 1 year ago
View more

What are some alternatives?

When comparing Turbolinks and barba.js, you can also consider the following products

GitHub - Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.

Swup - Complete, flexible, extensible and easy to use page transition library for your web.

Webpacker - Use Webpack to manage app-like JavaScript modules in Rails - rails/webpacker

WP Super Cache - A very fast caching system for WordPress that produces static HTML files.

Eternal Terminal - Re-Connectable secure remote shell

Unsplash - Unsplash is a website with high-quality free HD images. It has a catalog of more than three hundred thousand striking images that are neatly organized with tags. Read more about Unsplash.