Software Alternatives, Accelerators & Startups

Turbolinks VS Swup

Compare Turbolinks VS Swup and see what are their differences

Turbolinks logo Turbolinks

Turbolinks makes navigating your web application faster

Swup logo Swup

Complete, flexible, extensible and easy to use page transition library for your web.
  • Turbolinks Landing page
    Landing page //
    2023-08-17
  • Swup Landing page
    Landing page //
    2023-02-08

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

Swup videos

No Swup videos yet. You could help us improve this page by suggesting one.

+ Add video

Category Popularity

0-100% (relative to Turbolinks and Swup)
Web Application Bundler
100 100%
0% 0
Design Tools
0 0%
100% 100
JS Build Tools
100 100%
0% 0
Placeholder Images
0 0%
100% 100

User comments

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

Social recommendations and mentions

Turbolinks might be a bit more popular than Swup. We know about 13 links to it since March 2021 and only 12 links to Swup. 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 (13)

  • 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
  • A Look at Rails Hotwire: Turbo Drive
    When the Turbolinks technology first came out in Rails 4, some people did not understand what it was really about. I happened to get it right away only because I personally implemented my own version of Turbo Drive for one of my client projects before Turbolinks was released (around 2012), so I really appreciated Turbolinks when it was released. With the latest updates in Rails 7, the Turbolinks technology has... - Source: dev.to / about 2 years ago
View more

Swup mentions (12)

  • The Subtle Case For and Against React
    Https://swup.js.org/ single-page-app but with minimal framework, still along for the feel of an SPA. - Source: dev.to / about 1 month 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
  • [Swup] Has anyone used Swup with React
    Swup is this nice page transition library I found recently : https://swup.js.org/. Source: 6 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
    Is https://turbo.hotwired.dev/ my replacement? Or Swup.js? Source: over 1 year ago
View more

What are some alternatives?

When comparing Turbolinks and Swup, you can also consider the following products

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

barba.js - Create badass, fluid and smooth transition between web pages

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.

BlurHash - BlurHash is a compact representation of a placeholder for an image.

Webpack - Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

Scrimba - Interactive coding screencasts created in an instant