Vue.js VS Preact

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

Vue.js

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

Preact

⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM. (by preactjs)
Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
Vue.js Preact
314 54
196,178 31,715
0.8% 1.0%
8.7 8.7
4 days ago 4 days ago
TypeScript JavaScript
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.

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 2022-05-26.
  • Vue devs, what can React do better than Vue 3?
    7 projects | reddit.com/r/vuejs | 26 May 2022
    But then you look at the contributors themselves, and you see that Evan is doing the thing alone, basically.
    7 projects | reddit.com/r/vuejs | 26 May 2022
    Vue 2
  • Freshworks MarketPlace apps using JavaScript Frameworks
    3 projects | dev.to | 26 May 2022
    This is the sample template for bootstrapping the apps using the latest version of Vue.js as the primary tool for building the front-end of the app.
  • Developing state of the art web apps with Node.js (QEWD-Up) back-end + NuxtJS/Vue.js front-end
    10 projects | dev.to | 24 May 2022
    I wrote a step by step tutorial in the qewd-howtos repository how you can write state of the art multi-page web apps with Node.js using a QEWD-Up WebSocket/REST api back-end integrated with a mainstream web framework like NuxtJS & Vue.js. In particular with the latest NuxtJS/Vue.js frameworks, writing web applications becomes fun again, allowing you to write your applications very efficiently, hiding all boilerplate code from you.
  • 2. Setting up your git repository
    5 projects | dev.to | 23 May 2022
    Then, using the instructions provided above, develop an app of your choice and push the code to the empty GitHub repository. I'm building my website with Vue JS. Vue JS will thus be used in the examples. The difference is simply in the deployment process, and you can use any framework/library to construct your website, such as Angular, React, Svelte, etc. Follow the steps here to get a project started with Vue JS.
  • Plugin vue-auth3 replace @websanova/vue-auth3
    1 project | reddit.com/r/vuejs | 20 May 2022
    Vue Auth 3 is a plugin that manages all Vue 3 authentical related things except
  • Creating a custom Checkbox Component in Vue 3 (a better approach)
    1 project | dev.to | 20 May 2022
    By default when creating a checkbox using a the input checkbox tag with a v-model attribute in vue comes with some additional features as shown here. Attempts to extract this into a separate file causes it to loose these added features that come out of the box.
  • Pagekit
    2 projects | dev.to | 15 May 2022
    Pagekit is a modular and lightweight open source CMS built with Symfony components and Vue JS
  • How to properly internationalize a Vue application using i18next
    8 projects | dev.to | 15 May 2022
    Since Vue.js is an approachable, performant and versatile framework for building web user interfaces, it also needs a best-in-class internationalization solution. You may know vue-i18n, but for those already knowing i18next a Vue.js adapted version of i18next would be more appropriate.
  • #10: Get Creative - with Vue.js
    3 projects | dev.to | 11 May 2022
    Vuelievers, rejoice! Today we'll explore several examples of how you can build a Static Web App with the Vue.js framework

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-05-15.
  • Trim the fat: tips for keeping bundle size small 🏋️
    3 projects | dev.to | 15 May 2022
    This one only applies to React-based projects, but the simplest way to cut out a sizeable chunk from your bundle is to swap React for Preact. There are guides for doing this process in a few steps, and with the preact-compat compatibility layer chances are you won't notice a difference (except for the significantly smaller bundle size!)
  • [AskJS] Curious about how React "optimizes" (or doesn't) some rendering...
    1 project | reddit.com/r/javascript | 10 Apr 2022
    Disclaimer: I'm a maintainer of Preact 3kB virtual DOM React alternative with a React compatibility layer which allows you to use React components as if they'd be written for Preact without changing anything.
  • Generative minimal CSS patterns 🪩
    3 projects | dev.to | 10 Apr 2022
    preact/picostyle for 20Kb total build size
  • Next JS - replace React with Preact
    4 projects | dev.to | 6 Apr 2022
    I made my website with Next JS, an excellent react framework for making production-ready websites. The downside to React frameworks is that they can ship a lot of js to the browser, which comes at a performance cost. Luckily, you can take some steps to optimize this, and replacing React with Preact is one of them.
  • RFC: Intent to Ship React 18
    3 projects | news.ycombinator.com | 24 Mar 2022
  • Is there a good template that doesn't use CRA?
    7 projects | reddit.com/r/reactjs | 22 Mar 2022
    According to Preact main page: "Fast 3kB alternative to React with the same modern API" https://preactjs.com/ Basically it provides similar features to React but was developed with a lot less code. When you build apps with Preact you typically use the same build tools and process/workflow. So for example if someone uses Vite https://vitejs.dev/ you can select React, Preact or other libraries but there is still a build process.
  • Right tooling, Right Problem: Preact at Adyen
    1 project | dev.to | 10 Mar 2022
    Front-end leads and developers at Adyen were spoilt for choice with the Javascript-frontend ecosystem's many options for tooling. In a couple of teams, like Checkout and KYC, Preact.js came up as a suitable technology and right now is the choice for tooling used for delivering SDKs to connect to our platform.
  • How to Pick the Best NPM Packages
    5 projects | dev.to | 4 Mar 2022
    If you know React → check out Preact
  • Hyper optimizing React apps
    3 projects | reddit.com/r/reactjs | 22 Feb 2022
    Have you looked at [Preact](https://preactjs.com/) already?
    3 projects | reddit.com/r/reactjs | 22 Feb 2022
    Really cool actually, I'm adding this to my list of research candidates for our app. Looks like they have another lib specifically for making it easier to migrate existing React codebases. Thanks for the heads up!

What are some alternatives?

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

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

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

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

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

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

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

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.

react-18 - Workgroup for React 18 release.

knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript

Drawflow - Simple flow library 🖥️🖱️

Svelte - Cybernetically enhanced web apps