Preact VS Svelte

Compare Preact vs Svelte and see what are their differences.

Preact

⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM. (by preactjs)

Svelte

Cybernetically enhanced web apps (by sveltejs)
Our great sponsors
  • OPS - Build and Run Open Source Unikernels
  • SonarQube - Static code analysis for 29 languages.
  • Scout APM - Less time debugging, more time building
Preact Svelte
43 233
30,758 55,058
1.2% 3.0%
8.3 9.7
5 days ago about 18 hours ago
JavaScript TypeScript
MIT 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.

Preact

Posts with mentions or reviews of Preact. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-01-21.
  • Let me critique your site's FE perf
    5 projects | reddit.com/r/Frontend | 21 Jan 2022
    Your JS bundle size is really inflated because of React, I suspect you could move to Preact and drastically reduce your overall JS package. I haven't done this with Next.js before, but it looks like there is some good reading out there on the subject.
  • Why you have to use className in React, but not in Preact?
    1 project | dev.to | 13 Jan 2022
    You see, there is a JS framework, called Preact. It's an alternative to React with the same API. And there is a very interesting statement on its official page.
  • Building Chrome extension with Vite ⚡️
    3 projects | dev.to | 6 Jan 2022
    In this article, we will create a simple Chrome extension, that will be responsible for displaying recent top posts from DEV Community. For this, we will use Preact bootstrapped with Vite build tool.
  • Preact Async Rendering
    2 projects | dev.to | 5 Jan 2022
    Bear in mind that this is still under review by the Preact team but if you need it desperately like us, feel free try out the preact-async package on npm. I'm hoping that Preact team will accept this change and get it into the main package.
  • My Evaluation of SvelteKit for Full-Stack Web App Development
    17 projects | news.ycombinator.com | 5 Jan 2022
    [2] "preact-compat adds somewhere around 2kb to your bundle size, but has the advantage of supporting the vast majority of existing React modules you might find on npm" https://preactjs.com/guide/v8/switching-to-preact/
  • Anyone Know How I Could Replicate This Look for my site? It's Inverse.com
    1 project | reddit.com/r/webdev | 20 Dec 2021
    Not sure what exactly you would like to replicate but frontend is done with Preact https://preactjs.com/ . Hope that helps.
  • Vala reactive programming
    2 projects | dev.to | 6 Dec 2021
    I've been doing some web programming using preact these last weeks and one of the things that impressed the most was the way logic and UI are split in code. When doing functional components this is specially explicit. Your function returns whatever should be displayed by the component and receives a props object containing all the information the components need to render. A component rerenders when some of its props are changed, either because an external component made changes or in response to an event.
  • How to use Preact with Astro
    2 projects | dev.to | 21 Nov 2021
    Preact is a "Fast 3kB alternative to React with the same modern API". It's smaller than React but shares most of it's features (Hooks, Context), so you can write normal React code but benefit from better performance.
  • Don't Optimize Your React App, Use Preact Instead
    4 projects | dev.to | 1 Nov 2021
    A few months ago, I wrote an article based on optimizing react loading time, and most of the reader's comments were to try Preact to get default optimization. So I decided to try preact with the same app used for the previous article. Let's first get an intro about Preact.
  • 🥑 Put your React on a diet
    4 projects | dev.to | 21 Oct 2021
    For a long time I heard people complaining that React & ReactDOM has a huge size, and everyone recommended to use Preact instead.

Svelte

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-20.

What are some alternatives?

When comparing Preact and Svelte 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: https://github.com/solidui/solid]

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.

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.

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

Vue.js - 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Angular - The modern web developer’s platform