Svelte VS lit

Compare Svelte vs lit and see what are their differences.


Cybernetically enhanced web apps (by sveltejs)


Lit is a simple library for building fast, lightweight web components. (by lit)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
Svelte lit
368 48
59,773 11,835
2.2% 2.2%
9.5 9.5
8 days ago 5 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.


Posts with mentions or reviews of Svelte. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-07-01.


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 2022-06-15.
  • Does anyone know a good alternative to Bootstrap when working with web components ?
    5 projects | | 15 Jun 2022
    I started recently to code some web components with Lit after years of using frameworks like React or Angular. Long story short: it's pretty cool.
  • Fresh – The next-gen web framework
    21 projects | | 12 Jun 2022
  • Rulex – A new, portable, regular expression language
    20 projects | | 9 Jun 2022
    > Are you honestly implying that there are still people who, in all seriousness, use a REGEX to parse HTML

    Subsets of it? Yes. See Google's lit-html as an example:

  • No-build TODO app using HTM + Preact
    10 projects | | 4 Jun 2022
    Lit Element which builds on top of the web components standard. (example app)
  • RFC: A Full-stack Analytics Platform Architecture
    10 projects | | 2 Jun 2022
    Leveraging a particular architecture has benefits and drawbacks. One may say a monolithic architecture is more suited to this project because of its small scale, but the goal is to enable the system to scale as needed. Microservices provide more flexibility to do so. When scaling, only what’s needed is scaled. Sound architectural design also drove adoption of Apollo Federation with graphql. Federation is employed to tether microservices together so that a unified interface is provided, despite multiple underlying microservices. Each microservice is responsible for its own interface. Thus, changes in one microservice have no impact on the functionality of another. Separation of concerns is better-kept. Graphql also provides single-trip data fetch capability which is very powerful in terms of optimization when compared with REST. Application performance is frequently bottlenecked by network round-trip time (RTT). If an application can provide a method of gathering as much data as possible in one round-trip that can greatly improve performance. GraphQL products also frequently come with a developer interface providing API-specific auto-complete allowing developers to quickly test changes. This can greatly increase developer velocity. Performance is also increased by use of Lit in the front-end. Lit continues the Polymer tradition of using the platform. This speeds up front-end component performance but it has some drawbacks. Front-end frameworks like Angular and React are heavily used making them easier to staff. However, the purpose of the framework is to make up for inefficiency in the browser. From an engineering perspective the browser should provide the capabilities that React and Angular provide, so that developers don’t need to rely on frameworks to get the job done. This is why Predecos uses Lit. Lit is designed to be closer to the browser layer, meaning it leverages native browser features that provide creation of custom elements that are framework agnostic. Eventually the goal is to move to raw web components which are now largely supported by the browser. It’s my belief that this will be the future of front-end development and so it was adopted in Predecos.
  • Exploring The F# Frontend Landscape
    13 projects | | 23 May 2022
    This is my personal favorite one when it comes to Fable options, Fable.Lit builds on top of which is a web component library built on web standards. It brings performant straightforward and inter-framework compatible components to the F# FE landscape since Lit works with DOM elements themselves rather than abstractions you can manipulate component instances like if you were doing vanilla JavaScript except that you can use the F# safety for that.
  • Create A Full-Stack Java App Using Hilla
    1 project | | 16 May 2022
    Lit library
  • By Crayons and For Crayons
    12 projects | | 13 May 2022
    The app is built using vanilla Web Components without using any component publishing libraries like Stencil, Lit and so on. The reason being I met with some roadblocks in building a drag-n-drop editor using these libraries. Actually the Crayons Team itself is using Stencil to build the Crayons components using TypeScript and React-like component semantics and finally publish them as platform native Web components and React wrappers for the same. You can find out more about this in the Stencil documentation.
  • Lit vs. React: A comparison guide
    2 projects | | 9 May 2022
    One alternative to React is Lit, which has a 77% satisfaction rating as of the 2021 State of JS Survey. Lit is easy to learn and use and its small footprint translates to fast loading times.
  • Why we chose WebComponents for our Design System
    4 projects | | 5 May 2022

What are some alternatives?

When comparing Svelte and lit you can also consider the following projects:

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

solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to:]

lit-element - LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.

Next.js - The React Framework

awesome-blazor - Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

SvelteKit - The fastest way to build Svelte apps

Gatsby - Build blazing fast, modern apps and websites with React

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.

React - A declarative, efficient, and flexible JavaScript library for building user interfaces.

Aurelia 1 - The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.

Angular - The modern web developer’s platform

hotwire-rails - Use Hotwire in your Ruby on Rails app