Svelte logo

Svelte

A UI framework that compiles into tiny standalone JavaScript modules

What is Svelte?

If you've ever built a JavaScript application, the chances are you've encountered – or at least heard of – frameworks like React, Angular, Vue and Ractive. Like Svelte, these tools all share a goal of making it easy to build slick interactive user interfaces. Rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time. That means you don't pay the performance cost of the framework's abstractions, or incur a penalty when your app first loads.
Svelte is a tool in the Javascript UI Libraries category of a tech stack.
Svelte is an open source tool with 50.8K GitHub stars and 2.4K GitHub forks. Here’s a link to Svelte's open source repository on GitHub

Who uses Svelte?

Companies
39 companies reportedly use Svelte in their tech stacks, including PLAID, cloudless, and Qonvoy.

Developers
619 developers on StackShare have stated that they use Svelte.

Svelte Integrations

Strapi, Framework7, Sapper (Svelte), FusionCharts, and Snowpack are some of the popular tools that integrate with Svelte. Here's a list of all 12 tools that integrate with Svelte.
Pros of Svelte
40
Performance
31
Reactivity
29
Components
28
Javascript compiler (do that browsers don't have to)
27
Simplicity
25
Lightweight
23
Real Reactivity
22
Fast as vanilajs
21
Near to no learning curve
16
Compiler based
15
Scalable
15
All in one
15
Use existing js libraries
13
SSR
12
Very easy for beginners
12
Composable
11
Ease of use
10
No runtime overhead
9
Built in store
7
Typescript
6
Best Developer Experience
6
Start with pure html + css
5
Templates
3
Speed
Decisions about Svelte

Here are some stack decisions, common use cases and reviews by companies and developers who chose Svelte in their tech stack.

Sarmad Chaudhary
Founder & CEO at Ebiz Ltd. · | 9 upvotes · 412.2K views

Hi there!

I just want to have a simple poll/vote...

If you guys need a UI/Component Library for React, Vue.js, or AngularJS, which type of library would you prefer between:

1 ) A single maintained cross-framework library that is 100% compatible and can be integrated with any popular framework like Vue, React, Angular 2, Svelte, etc.

2) A native framework-specific library developed to work only on target framework like ElementUI for Vue, Ant Design for React.

Your advice would help a lot! Thanks in advance :)

See more
Shared insights
on
Svelte
JavaScript
Sass
HTML5

I know this is a fairly common question, but I feel like this stuff is pretty dynamic, and things fall in/out of fashion over time.

So here it is: I am an aspiring front-end web developer (eventually full stack, but focused on front-end for the time being). I feel pretty comfortable with HTML5, CSS/Sass, and I know enough JavaScript to get by.

I am an adult student doing the self-teaching route, and while my grasp on vanilla JS isn't stellar, I feel like it would be a good idea to start incorporating a framework into my learning. I just have no idea which to choose. To be honest, Svelte looks the best to me, BUT I am looking to be marketable in the future, so it's probably best to start with a more popular framework.

React seems to be the obvious answer popularity-wise, but I want to hear updated opinions from people in the field. While I haven't completely defined my focus, I like creating UI's and really have fun with CSS/Sass.

Thanks in advance, and I hope you're all having a great and safe weekend.

See more

Blog Posts

+12
5
3443

Svelte's Features

  • Write less code
  • No virtual DOM
  • Truly reactive

Svelte Alternatives & Comparisons

What are some alternatives to Svelte?
React
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
Elm
Writing HTML apps is super easy with elm-lang/html. Not only does it render extremely fast, it also quietly guides you towards well-architected code.
Imba
Imba is a new programming language for the web that compiles to performant and readable JavaScript. It has language level support for defining, extending, subclassing, instantiating and rendering dom nodes.
Stencil
Stencil combines some of the best features from traditional frameworks, but outputs 100% standards-compliant Custom Elements, part of the Web Component spec.
Preact
Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped).
See all alternatives

Svelte's Followers
776 developers follow Svelte to keep up with related blogs and decisions.