Svelte VS stencil

Compare Svelte vs stencil and see what are their differences.


Cybernetically enhanced web apps (by sveltejs)


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. (by ionic-team)
Our great sponsors
  • SonarQube - Static code analysis for 29 languages.
  • OPS - Build and Run Open Source Unikernels
  • Scout APM - Less time debugging, more time building
Svelte stencil
229 18
54,568 9,957
2.6% 1.3%
9.6 8.9
7 days ago 9 days ago
TypeScript TypeScript
MIT License GNU General Public License v3.0 or later
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-01-14.
  • Generate JHipster + Svelte/Kit web applications
    8 projects | | 14 Jan 2022
    Svelte/Kit - Client-side development framework
  • Custom Reack Hooks: useAudio
    1 project | | 11 Jan 2022
    Why would you ever need such a hook? We’ll, I’ll give you two examples. The first one is my personal website, (I swear this is not self-promotion 🙄), built with React, which top navigation bar contains a button to switch between light and dark theme. Actually, if you turn up the sound a little bit, you might hear a switch sound. This sound comes from this custom hook. The second example is the Typospeed game (not self-promotion either), where you can hear sounds when removing a word (actually, Typospeed was built with Svelte, but you get the idea). In both examples, we need to play some sounds, and we don’t want to repeat ourselves by manually instantiating a new audio, settings its volume, its playback rate...
  • Find a vegan restaurant near you - With the help of Svelte!
    1 project | | 10 Jan 2022
    Trying out Svelte was on my bucket list for months or maybe even for years.Especially after watching this talk by Rich Harris.
  • I've learned Unity. Now I want to learn Web App development. How do I start?
    1 project | | 6 Jan 2022 offers a few ways to make web apps like razor pages, blazor, etc. but, if you wanna give the end user the best experience, you might wanna look in to developing your front-end/ui with something like svelte and your backend/api server with something like minimal api. or alternatively something like my own endpoint framework for which you can find a tutorial & project source code for here
  • How I decided which language I should learn
    5 projects | | 6 Jan 2022
    develop websites using frameworks and libraries like ReactJS, Angular, Vue, Svelte, etc
  • Build a video call app with Svelte in an afternoon
    4 projects | | 6 Jan 2022
    Svelte! 🎉
  • Creating Cool Content – It’s the Jam(stack) with James Q. Quick
    18 projects | | 5 Jan 2022
    And that stuff seems repetitive but also, it's so valuable because web development changes so much every single year. So it's worth giving people that refresh. Or they do a crash course on Svelte when it first came out, and now there's SvelteKit. And SvelteKit, at one point, will finish being out of beta, and then now that will be a thing that warrants its own maybe very similar tutorial but highlights those differences. So I think one, reusing that content and updating that content on a yearly basis is still really valuable.
  • My Evaluation of SvelteKit for Full-Stack Web App Development
    17 projects | | 5 Jan 2022
    I am using SvelteKit in "production" (smallish) for multiple projects. Aside from the small ecosystem (where in reality I am only really missing a UI lib other than IBM Carbon), Svelte has no error boundaries yet. If an error is not caught, the whole app crashes with no way to recover, or even show the user to refresh the tab.

    Here is a corresponding GitHub issue

  • 2021, an look back
    13 projects | | 2 Jan 2022
    Explored Svelte
  • Error Boundaries in Svelte
    2 projects | | 2 Jan 2022
    I was surprised to see that in Svelte there was no straightforward way to define error boundaries or use any similar mechanism to avoid application crashes. You can see some existing proposals in the form of GitHub issues here, here and here.


Posts with mentions or reviews of stencil. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-09-15.

What are some alternatives?

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

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

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.

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

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

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

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

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

Angular - The modern web developer’s platform

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

Polymer - Our original Web Component library.