Software Alternatives, Accelerators & Startups

Swup VS Turbolinks

Compare Swup VS Turbolinks and see what are their differences

Swup logo Swup

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

Turbolinks logo Turbolinks

Turbolinks makes navigating your web application faster
  • Swup Landing page
    Landing page //
    2023-02-08
  • Turbolinks Landing page
    Landing page //
    2023-08-17

Swup videos

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

+ Add video

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

Category Popularity

0-100% (relative to Swup and Turbolinks)
Design Tools
100 100%
0% 0
Web Application Bundler
0 0%
100% 100
Placeholder Images
100 100%
0% 0
Javascript UI Libraries
0 0%
100% 100

User comments

Share your experience with using Swup and Turbolinks. 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.

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 / 25 days 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 / about 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

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

What are some alternatives?

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

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

RubyGems - RubyGems. org is the Ruby community's gem hosting service. Instantly publish your gems and then install them. Use the API find out more about available gems. Become a contributor and improve the site yourself.

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

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

Scrimba - Interactive coding screencasts created in an instant

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.