htmx VS vite

Compare htmx vs vite and see what are their differences.

htmx

</> htmx - high power tools for HTML (by bigskysoftware)

vite

Next generation frontend tooling. It's fast! (by vitejs)
Our great sponsors
  • Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.
  • Nanos - Run Linux Software Faster and Safer than Linux with Unikernels
  • Scout APM - A developer's best friend. Try free for 14-days
htmx vite
120 167
4,668 32,628
6.7% 5.8%
9.4 9.9
3 days ago 6 days ago
JavaScript TypeScript
BSD 2-clause "Simplified" 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.

htmx

Posts with mentions or reviews of htmx. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-10-16.
  • The JavaScript ecosystem is a hot mess and so is software development in general
    news.ycombinator.com | 2021-10-16
    I work on a dependency-free, build-less library called htmx:

    https://htmx.org

    It's more an extension of HTML than a JS library. It might be a good way to gently introduce more dynamic behavior without blowing out the complexity of your site.

  • Should I ditch using Django
    reddit.com/r/startups | 2021-10-16
    As an additional advice, I would check the Django subreddit and ask what are they doing for their front-end needs (e.g. check this one) -> you don't have to use JS for front-end (e.g. check htmx, unicorn, etc).
  • The Decline of Django
    news.ycombinator.com | 2021-10-15
    I think the case for server-side HTML rendering has never been stronger, and of all Django projects I work on, the ones I enjoy most are those that never got on the SPA bandwagon. From both a developer and user point of view I find them much faster and less painful. There are many cases where you really, really don't need the massive amount of extra complexity involved in designing APIs, adding JS frameworks etc.

    When you need a bit of extra UI goodness, [htmx](https://htmx.org/) is a fantastic solution, and you can still use SPA-type approaches for things that need them.

    You can also benefit from massively faster (and more reliable) functional testing when you are mostly standard HTML - see [django-functest](https://github.com/django-functest/django-functest/) for an example of this.

  • Has anyone written a small framework to support HTMX?
    reddit.com/r/golang | 2021-10-14
    See: https://htmx.org/
  • How Laravel Livewire works (a deep dive)
    news.ycombinator.com | 2021-10-12
    I recently started using htmx (https://htmx.org/) in combination with Django and have become a firm believer of sending HTML 'over the wire' instead of JSON structures that then get used client side.
  • I built a modern website in 2021
    news.ycombinator.com | 2021-10-10
    Curious - why aren’t simpler frameworks like htmx (https://htmx.org/) more common or
  • Ask HN: Why aren’t frameworks like htmx more popular?
    news.ycombinator.com | 2021-10-10
    shifting to htmx [1] or related “simpler” libraries?

    [1] https://htmx.org/

  • The Shocking Immaturity of JavaScript
    news.ycombinator.com | 2021-10-10
    Complexity and instability in the JS ecosystem is a hot button for me, so it's hard not to be drawn into vehement agreement.

    I've been doing a little work recently with htmx[0] and it's a breath of fresh air. But then, I'm at the point in my career where "cool new tech" is much less interesting for its own sake than it used to be when I was younger. I'm drawn for more to elegant, understandable, productive simplicity these days.

    I think that hints at the reason we have these endless debates - not just about JS but about $(your-favourite-tech). Software development is a socio-technical endeavour. We put all the focus on the technical part, and by comparison, rarely consider the social aspect.

    DHH is one of the few I've heard actually refer to this, on the corecursive podcast [1]. In discussing static typing vs dynamic, his point is the latter suits his brain. But that he understands and accepts static typing suits others, and that's fine.

    So I get that, for some, the JS ecosystem is dynamic and interesting; stimulating; exhilarating even. For others, it's an unstable quicksand that gets in the way of doing something useful.

    [0]: https://htmx.org/

    [1]: https://corecursive.com/045-david-heinemeier-hansson-softwar...

  • Action without refreshing the page?
    reddit.com/r/flask | 2021-10-04
  • Do you recommend learning Angular or React for the front end?
    reddit.com/r/java | 2021-10-02
    I have personally found a combination of htmx and Alpine.js to be very effective for my projects. Here's a demo project for using Spring Boot, Thymeleaf and htmx together. Here's a video on using Spring Boot w/htmx. That said, there is currently no job market for this kind of thing, although (crossed-fingers) that will change over the next few years.

vite

Posts with mentions or reviews of vite. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-10-19.
  • Lessons Learned from Building a React Component Library with TypeScript
    dev.to | 2021-10-19
    We run our builds with Vite. That may seem counterintuitive since Vite is the build tool for Vue while our library is built with React, but Vite is actually agnostic. In fact, it amazed me how little configuration we needed. It basically just worked. Our Vite config is almost identical to the example in the documentation. Just like the example, our build produces two bundle formats--es and umd--and it works fast.
  • a first look at nuxt 3
    dev.to | 2021-10-15
    A bundler to support hot module replacement in development and bundling for production - Webpack 5 and Vite both supported
  • Rakkas: Next.js alternative powered by Vite
    dev.to | 2021-10-14
    Rakkas, the lightning fast Next.js alternative powered by Vite, has just released version 0.4.0.
  • Vite – Next Generation Front End Tooling
    news.ycombinator.com | 2021-10-13
  • esbuild – An extremely fast JavaScript bundler
    news.ycombinator.com | 2021-10-13
    esbuild is partially [0] used in Vite [1] where you get a dev server et al.

    - [0] https://vitejs.dev/guide/why.html#why-not-bundle-with-esbuil...

  • Parcel v2
    news.ycombinator.com | 2021-10-13
    I think https://vitejs.dev/ is better. It pulls in a much smaller set of packages for a hello-world non-CRA react app. I think it was something like 1.3k lines of package.json for Vite vs 6k lines for Parcel v2. JS projects shouldn't be bloated, even if this would get optimized-out for production.
  • An easy way to start a Vue project
    reddit.com/r/vuejs | 2021-10-07
    If I'm not mistaken it's an ongoing issue.
  • Configure Emotion with your Vite React Project
    dev.to | 2021-10-07
    @vitejs/plugin-react-refresh was migrated into @vitejs/plugin-react, and many Emotion + Vite tutorials and boilerplates out there became outdated as a result. The Vite monorepo has an example react-emotion setup, which seems to works quite well. Here's the gist:
  • Flicker Free Dark Mode in Vite SPA
    dev.to | 2021-10-07
    For the purpose of showcasing, I'll use React with Vite with vanilla CSS. But, you can use this technique with some styling frameworks like Tailwind CSS and other UI framework too.
  • Intro To MongoDB Realm with VueJS, Ionic Framework And ViteJS
    dev.to | 2021-10-06
    We are building the application using Vuejs, it is being packaged and developed using ViteJS and the UI Components are from Ionic Framework

What are some alternatives?

When comparing htmx and vite you can also consider the following projects:

Next.js - The React Framework

parcel - The zero configuration build tool for the web. 📦🚀

esbuild - An extremely fast JavaScript bundler and minifier

webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

SvelteKit - The fastest way to build Svelte apps

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

Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️

react-snap - 👻 Zero-configuration framework-agnostic static prerendering for SPAs

Rollup - Next-generation ES module bundler

Turbolinks - Turbolinks makes navigating your web application faster

rollup-plugin-visualizer - 📈⚖️ Visuallize your bundle

astro - 🚀🧑‍🚀 Keep your eyes to the skies, astronauts!