Vue.js VS lit

Compare Vue.js vs lit and see what are their differences.

Vue.js

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core (by vuejs)

lit

Lit is a simple library for building fast, lightweight web components. (by lit)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
Vue.js lit
381 141
206,901 17,489
0.2% 1.8%
7.9 9.4
11 days ago 2 days ago
TypeScript TypeScript
MIT License BSD 3-clause "New" or "Revised" 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.

Vue.js

Posts with mentions or reviews of Vue.js. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-04-13.
  • Here are the 10 projects I am contributing to over the next 6 months. Share yours
    13 projects | dev.to | 13 Apr 2024
    Vuejs
  • Vue 2 Final Release
    1 project | news.ycombinator.com | 25 Dec 2023
  • ๐ŸŽ„ Top Front-End Frameworks in 2024 Worth Your Time and Effort to Master
    5 projects | dev.to | 13 Dec 2023
    Vue.js is a big favorite for making websites because it's easy to use and fits in well with other stuff. Many people worldwide are using it, and the community keeps growing.
  • Angular vs. React vs. Vue.js: Comparing performance
    16 projects | dev.to | 6 Sep 2023
    Vue has a thriving ecosystem with a wide range of third-party libraries and plugins available for extending its functionality. These libraries cover everything from state management to routing, making it easy for developers to find solutions to common problems and enhance their development workflow. As of this writing, Vue has 200k GitHub stars.
  • Top 10 "Must Have" Repositories for Web Developers
    6 projects | dev.to | 11 Jul 2023
    6. Vue.js
  • Vue 2 vs vue 3 - The Differences
    2 projects | dev.to | 5 Jun 2023
    I have got the privilege of working on Vue 2 couple of months ago and its really amazing framework to work with .
  • Angular v16 Is Here
    6 projects | news.ycombinator.com | 3 May 2023
    Angular is as little innovative for web frameworks as Firefox-ESR is for browsers. It merely keeps copying features from other frameworks - just many years later. It is a chronically outdated framework that always struggles to keep up with its competitors. It would be ok if those were deliberate design decisions, but if the features get copied some day anyway, what is the point? Why not do it the right way from the start?

    For example, this update brings us computed properties, an essential feature for any complex performant web application that was made popular by Vue.js 10 years ago [1]. And now in 2023 we get it in Angular, essentially a confirmation by its devs that its lack has always been a design error.

    I also cannot understand the "mature" argument. For example, it took five years for documentation on `` to arrive [2]. This is something I'd expect from the side project of a lone programmer, not an enterprise-level framework.

    The only upsides of Angular are its "batteries included" approach and the (debatable) default of RXJS, while the downsides are plenty.

    [1] https://github.com/vuejs/vue/tree/218557cdec830a629252f4a9e2...

  • What's happening with the forum?
    2 projects | /r/vuejs | 13 Apr 2023
    It's down since months. https://github.com/vuejs/vue/issues/11867
  • How to scrape the web with Puppeteer in 2023
    5 projects | dev.to | 7 Mar 2023
    { "user": "vuejs", "repo": "vue", "url": "https://github.com/vuejs/vue", "stars": 201555, "description": "๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.", "topics": [ "javascript", "framework", "vue", "frontend" ], "label": "repository", "commitCount": 3544 }
  • What is Vue?
    3 projects | dev.to | 6 Feb 2023
    Vue.js is a progressive open-source MVVM frontend JavaScript framework that is designed to be implemented incrementally since the core library focuses only on the presentation layer. Nevertheless, this framework is used for building UI (user interfaces) and complex single-page applications with modern tools and libraries to support them. It enables you to take advantage of libraries for client-side routing and state management when you need it.

lit

Posts with mentions or reviews of lit. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-04-13.
  • I've created yet another JavaScript framework
    4 projects | dev.to | 13 Apr 2024
    That is the reason why I experiment with the TiniJS framework for a while. It is a collection of tools for developing web/desktop/mobile apps using the native Web Component technology, based on the Lit library. Thank you the Lit team for creating a great tool assists us working with standard Web Component easier.
  • Web Components e a minha opiniรฃo sobre o futuro das libs front-end
    4 projects | dev.to | 4 Apr 2024
  • Show HN: I made a Pinterest clone using SigLIP image embeddings
    2 projects | news.ycombinator.com | 16 Feb 2024
  • What We Need Instead of "Web Components"
    8 projects | news.ycombinator.com | 22 Dec 2023
    actually, looking at it (https://lit.dev/), i do exactly that.

    I also define a `render()` and extend my own parent, which does a `replaceChildren()` with the render. And, strangely, I also call the processor `html`

    I'll still stick with mine however, my 'framework' is half-page of code. I dislike dependencies greatly. I'd need to be saving thousand+ lines at least.

    Here, I don't want a build system to make a website; that's mad. So I don't want lit. I want the 5 lines it takes to invoke a dom parser, and the 5 lines it takes do define a webcomp parent.

  • Web Components Aren't Framework Components
    2 projects | news.ycombinator.com | 11 Dec 2023
    I rather like https://lit.dev/ for web components so far.

    For the reactivity stuff, you might want to read https://frontendmasters.com/blog/vanilla-javascript-reactivi... - it shows a bunch of no-library-required patterns that, while in a number of cases I'd much rather use a library myself, all seems at least -basically- reasonable to me and will probably be far more comprehensible to you than whatever I'd reach for, and frameworks are always much more pleasant to approach after you've already done a bunch of stuff by banging rocks together first.

  • Reddit just completed their migration out of React
    2 projects | /r/reactjs | 8 Dec 2023
  • Web Components Eliminate JavaScript Framework Lock-In
    10 projects | news.ycombinator.com | 27 Nov 2023
    I work on Lit, which I would hesitate to call a framework, but gives a framework-like DX for building web components, while trying to keep opinions to a minimum and lock-in as low as possible.

    It's got reactivity, declarative templates, great performance, SSR, TypeScript support, native CSS encapsulation, context, tasks, and more.

    It's used to build Material Design, settings and devtools UIs for Chrome, some UI for Firefox, Reddit, Photoshop Web...

    https://lit.dev if you're interested.

  • HTML Web Components
    14 projects | news.ycombinator.com | 13 Nov 2023
    I am more a fan of the augmented style because it doesn't entrap you in dev lock-in to platforms.

    The problem with frameworks, especially web frameworks, is they reimplement many items that are standard now (shadowdom, components, storage, templating, base libraries, class/async, network/realtime etc).

    If you like the component style of other frameworks but want to use Web Components, Google Lit is quite nice.

    Google Lit is like a combination of HTML Web Components and React/Vue style components. The great part is it is build on Web Components underneath.

    [1] https://lit.dev/

  • Web Components Will Outlive Your JavaScript Framework
    16 projects | news.ycombinator.com | 25 Oct 2023
    From the comments I see here, it seems like people expect the Webcomponents API to be a complete replacement for a JS framework. The thing is, our frameworks should start making use of modern web APIs, so the frameworks will have to do less themselves, so can be smaller. Lit [0] for example is doing this. Using Lit is very similar to using React. Some things work different, and you have to get used to some web component specific things, but once you get it, I think it's way more pleasant to work with than React. It feels more natural, native, less framework-specific.

    For state management, I created LitState [1], a tiny library (really only 258 lines), which integrates nicely with Lit, and which makes state management between multiple components very easy. It's much easier than the Redux/flux workflows found in React.

    So my experience with this is that it's much nicer to work with, and that the libraries are way smaller.

    [0] https://lit.dev/

  • Lit โ€“ a small responsive CSS framework
    1 project | news.ycombinator.com | 10 Oct 2023

What are some alternatives?

When comparing Vue.js and lit you can also consider the following projects:

htmx - </> htmx - high power tools for HTML

Svelte - Cybernetically enhanced web apps

vite - Next generation frontend tooling. It's fast!

stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.

Stimulus - A modest JavaScript framework for the HTML you already have [Moved to: https://github.com/hotwired/stimulus]

Angular - Deliver web apps with confidence ๐Ÿš€

React - The library for web and native user interfaces.

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

Preact - โš›๏ธ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

minze - Dead-simple JS framework for native web components.