Software Alternatives & Reviews

Turbolinks VS htmx

Compare Turbolinks VS htmx and see what are their differences

Turbolinks logo Turbolinks

Turbolinks makes navigating your web application faster

htmx logo htmx

high power tools for HTML
  • Turbolinks Landing page
    Landing page //
    2023-08-17
  • htmx Landing page
    Landing page //
    2023-05-25

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext

htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react

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

htmx videos

DjangoCon Europe 2023 | HTMX vs WASM - more backend or more frontend?

More videos:

  • Review - Dynamic Web Pages Without JavaScript? - Intro to HTMX

Category Popularity

0-100% (relative to Turbolinks and htmx)
Web Application Bundler
100 100%
0% 0
Software Development
0 0%
100% 100
Javascript UI Libraries
21 21%
79% 79
JS Build Tools
100 100%
0% 0

User comments

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

Social recommendations and mentions

Based on our record, htmx should be more popular than Turbolinks. It has been mentiond 67 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 (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

htmx mentions (67)

  • Migrating Next.js App to GO + Templ & HTMX
    Recently, I just rewrite one of my application Stashbin from Next.js to GO. Though my main motivation of this migration was to learn GO and experimenting with HTMX. I also aiming to reduce the resource usage of my application and simplify the deployment process. Initially, Stashbin codebase are split into two seperate repository, one for the frontend that uses Next.js and another for the backend that already uses... - Source: dev.to / about 17 hours ago
  • 🕸️ Web development trends we will see in 2024 👀
    HTMX is another library that gained popularity due to its server-first approach to rendering data, although seeking a much simpler way of appealing to developers. - Source: dev.to / 8 days ago
  • Reusable Input Datalist
    When I work with HTMX I need isolated component that can be reusable a form. So I create a PHP Function that generate the Input Datalist. - Source: dev.to / 29 days ago
  • HTMZ inspired form subission
    I was inspired by htmz (which was in turn inspired by htmx) and how the author got pretty close to a basic htmx-like experience just using an iframe. I wanted to push it a little further so whipped this demo together. My submission demonstrates progressive enhancement for the form - with js enabled the request targets an iframe that is inserted into the dom, meaning the page doesn't actually navigate (similar to... - Source: dev.to / about 1 month ago
  • Example Java Application with Embedded Jetty and a htmx Website
    As described on htmx.org: "htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext". - Source: dev.to / about 1 month ago
View more

What are some alternatives?

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

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.

Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.

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

Gio UI - Gio is an open source library for creating portable, immediate mode GUI programs for Android, iOS, Linux, Windows, macOS.

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.

SQLPage - Build SQL-only websites - Build full web applications using just SQL queries