# Preact vs Vue.js

| Attribute | Preact | Vue.js |
|---|---|---|
| **vioscaleAI score** | 77.4 (72% (medium)) | 81.2 (71% (medium)) |
| activity.commits_last_30d | 93 | 90 |
| adoption.dependent_repos | 78,992 | 902,397 |
| adoption.github_stars | 38,858 | 54,357 |
| adoption.package_downloads_weekly | 17,937,973 | 8,214,152 |
| adoption.stackoverflow_questions | - | 105,000 |
| content.faq | `[{"answer":"A minimal virtual DOM library that provides a React-compatible API with significantly reduced file size. Preact delivers performance-focused component development without the overhead of traditional frameworks. It is indexed under Frontend UI Frameworks.","source":"https://preactjs.com/","question":"What is Preact?","confidence":0.6},{"answer":"Preact is open source, so it can be self-hosted and used at no licence cost. It is released under the MIT licence. Pricing changes often, so verify at source before relying on it.","source":"https://preactjs.com/","question":"Is Preact free to use?","confidence":0.6},{"answer":"We have confirmed browser-based access to Preact. That is the extent of what we could verify from public sources, so it may well offer desktop or mobile clients we have not indexed.","source":"https://preactjs.com/","question":"What platforms does Preact support?","confidence":0.6},{"answer":"Yes. Preact is published under the MIT licence, a permissive licence that generally allows commercial use and modification. Licence terms can change between releases, so verify against the repository for the version you intend to use.","source":"https://github.com/preactjs/preact","question":"Is Preact open source?","confidence":0.99}]` | `[{"answer":"Vue.js is a JavaScript framework for building user interfaces with a declarative, component-based approach. It enables developers to create reactive web applications that automatically update the DOM when data changes, scaling from simple widgets embedded in existing HTML to complete single-page applications.","source":"https://vuejs.org","question":"What is Vue.js and what is it primarily used for?","confidence":0.95},{"answer":"Yes, Vue.js is entirely open-source and released under the MIT license, which permits free use in both personal and commercial projects. It is maintained by the creator Evan You and the community, with no licensing fees or commercial restrictions.","source":"https://github.com/vuejs/core","question":"Is Vue.js open-source and free to use?","confidence":0.99},{"answer":"No, Vue.js does not require a build step and can be included as a standalone script in HTML to enhance static pages progressively. However, for larger applications using single-file components and advanced features, a build tool like Vite is commonly used to optimize performance and developer experience.","source":"https://vuejs.org/guide/","question":"Do I need a build step or build tools to use Vue.js?","confidence":0.94},{"answer":"Vue 3 is the current maintained version with active support, while Vue 2 reached end-of-life on December 31, 2023. New projects should use Vue 3, which introduced the Composition API for more flexible component organization. Legacy Vue 2 applications can continue running but will not receive official security updates.","source":"https://vuejs.org/guide/introduction.html","question":"What is Vue 2 versus Vue 3, and which should I use?","confidence":0.98},{"answer":"Vue.js supports multiple deployment patterns: standalone scripts for progressive enhancement, single-page applications (SPA), server-side rendering (SSR) for improved SEO and performance, static site generation (SSG), embedded Web Components, and mobile or desktop applications through frameworks like Electron or Ionic Vue.","source":"https://vuejs.org/guide/extras/ways-of-using-vue.html","question":"What are the different ways to deploy a Vue.js application?","confidence":0.93},{"answer":"Vue.js emphasizes three defining characteristics: versatility (scaling from a library to a full framework), approachability (building on standard HTML, CSS, and JavaScript with intuitive APIs), and efficiency (featuring compiler-optimized reactivity that rarely requires manual performance tuning).","source":"https://vuejs.org","question":"What are the core features that define Vue.js?","confidence":0.94},{"answer":"Yes, Vue.js is designed as a progressive framework that supports server-side rendering (SSR) for pre-rendering components into HTML on the server, improving initial load performance and SEO. It also supports progressive enhancement, where Vue can enhance existing HTML without replacing the entire page architecture.","source":"https://vuejs.org/guide/extras/ways-of-using-vue.html","question":"Can Vue.js handle server-side rendering and progressive enhancement?","confidence":0.92}]` |
| description.long | Preact is a JavaScript framework for building user interfaces through reusable components and Virtual DOM rendering. It offers React-like developer experience with significantly reduced JavaScript footprint, making it suitable for performance-critical applications. | A progressive JavaScript framework that allows developers to incrementally adopt features as projects grow. It emphasizes ease of learning, performance optimization, and versatile use cases from simple widgets to complete applications. |
| features.capabilities | `{"paradigm":"Virtual DOM component library","bundle_size":"tiny","ssr_support":true,"virtual_dom":true,"component_model":true,"router_official":true,"state_management":true}` | `{"paradigm":"Progressive JavaScript framework for building reactive user interfaces","bundle_size":"small","ssr_support":true,"virtual_dom":true,"component_model":true,"router_official":true,"state_management":true,"signals_reactivity":true}` |
| language.primary | JavaScript | TypeScript |
| license.spdx | MIT | MIT |
| market.availability | - | `{"source":"https://vuejs.org","confidence":0.95,"primaryMarkets":["US","CN","DE"],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"web":true}` |
| pricing | `{"type":"free","freeTier":true,"sourceUrl":"https://preactjs.com/","retrievedAt":"2026-09-10T16:00:24.072Z"}` | `{"type":"open_source","sourceUrl":"https://vuejs.org","retrievedAt":"2026-08-14T11:04:48.432Z"}` |
| pricing.free_tier | yes | - |
| pricing.model | free | open_source |
| pricing.price_level | free | free |
| release.cadence_days | 13 | 5 |
| release.history | `[{"url":"https://github.com/preactjs/preact/releases/tag/11.0.0-rc.2","date":"2026-09-08T09:03:07Z","type":"prerelease","version":"11.0.0-rc.2"},{"url":"https://github.com/preactjs/preact/releases/tag/11.0.0-rc.1","date":"2026-08-26T07:49:33Z","type":"prerelease","version":"11.0.0-rc.1"},{"url":"https://github.com/preactjs/preact/releases/tag/11.0.0-rc.0","date":"2026-08-10T06:17:58Z","type":"prerelease","version":"11.0.0-rc.0"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.8","date":"2026-08-01T09:57:31Z","type":"stable","version":"10.29.8"},{"url":"https://github.com/preactjs/preact/releases/tag/11.0.0-beta.2","date":"2026-07-15T16:46:28Z","type":"prerelease","version":"11.0.0-beta.2"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.7","date":"2026-07-08T17:33:42Z","type":"stable","version":"10.29.7"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.6","date":"2026-07-08T07:34:46Z","type":"stable","version":"10.29.6"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.5","date":"2026-07-07T16:51:01Z","type":"stable","version":"10.29.5"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.4","date":"2026-07-03T10:58:50Z","type":"stable","version":"10.29.4"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.3","date":"2026-06-26T05:16:07Z","type":"stable","version":"10.29.3"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.2","date":"2026-05-17T09:58:18Z","type":"stable","version":"10.29.2"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.1","date":"2026-04-03T10:43:40Z","type":"stable","version":"10.29.1"},{"url":"https://github.com/preactjs/preact/releases/tag/10.29.0","date":"2026-03-10T18:28:07Z","type":"stable","version":"10.29.0"},{"url":"https://github.com/preactjs/preact/releases/tag/10.28.4","date":"2026-02-19T07:15:06Z","type":"stable","version":"10.28.4"},{"url":"https://github.com/preactjs/preact/releases/tag/11.0.0-beta.1","date":"2026-02-15T10:10:26Z","type":"prerelease","version":"11.0.0-beta.1"},{"url":"https://github.com/preactjs/preact/releases/tag/10.28.3","date":"2026-01-31T09:58:48Z","type":"stable","version":"10.28.3"},{"url":"https://github.com/preactjs/preact/releases/tag/10.28.2","date":"2026-01-06T14:51:37Z","type":"stable","version":"10.28.2"},{"url":"https://github.com/preactjs/preact/releases/tag/10.27.3","date":"2026-01-06T14:59:45Z","type":"stable","version":"10.27.3"},{"url":"https://github.com/preactjs/preact/releases/tag/10.26.10","date":"2026-01-06T15:02:47Z","type":"stable","version":"10.26.10"},{"url":"https://github.com/preactjs/preact/releases/tag/10.28.1","date":"2025-12-23T19:22:14Z","type":"stable","version":"10.28.1"}]` | `[{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.7","date":"2026-09-04T07:43:15Z","type":"prerelease","version":"v3.6.0-rc.7"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.6","date":"2026-08-28T05:54:05Z","type":"prerelease","version":"v3.6.0-rc.6"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.42","date":"2026-08-27T05:47:42Z","type":"stable","version":"v3.5.42"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.5","date":"2026-08-21T09:21:06Z","type":"prerelease","version":"v3.6.0-rc.5"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.4","date":"2026-08-14T08:58:48Z","type":"prerelease","version":"v3.6.0-rc.4"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.3","date":"2026-08-11T03:55:47Z","type":"prerelease","version":"v3.6.0-rc.3"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.41","date":"2026-08-05T06:59:01Z","type":"stable","version":"v3.5.41"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.2","date":"2026-07-22T09:32:10Z","type":"prerelease","version":"v3.6.0-rc.2"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-rc.1","date":"2026-07-18T01:12:03Z","type":"prerelease","version":"v3.6.0-rc.1"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.40","date":"2026-07-16T03:08:38Z","type":"stable","version":"v3.5.40"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.39","date":"2026-06-25T09:44:02Z","type":"stable","version":"v3.5.39"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.17","date":"2026-06-24T09:19:21Z","type":"prerelease","version":"v3.6.0-beta.17"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.16","date":"2026-06-17T03:00:53Z","type":"prerelease","version":"v3.6.0-beta.16"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.15","date":"2026-06-11T07:44:47Z","type":"prerelease","version":"v3.6.0-beta.15"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.38","date":"2026-06-11T08:00:58Z","type":"stable","version":"v3.5.38"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.37","date":"2026-06-11T06:51:15Z","type":"stable","version":"v3.5.37"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.14","date":"2026-06-05T01:26:13Z","type":"prerelease","version":"v3.6.0-beta.14"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.13","date":"2026-05-28T06:12:29Z","type":"prerelease","version":"v3.6.0-beta.13"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.35","date":"2026-05-27T09:04:59Z","type":"stable","version":"v3.5.35"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.12","date":"2026-05-15T06:37:07Z","type":"prerelease","version":"v3.6.0-beta.12"}]` |
| reliability.status_page | - | yes |
| security.gdpr | - | yes |
| security.scorecard | 5.7 | 6.3 |
| security.vulnerabilities | `{"count":2,"source":"https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=preact&per_page=100","last_12m":1,"max_severity":"HIGH"}` | `{"count":1,"source":"https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=vue&per_page=100","last_12m":0,"max_severity":"LOW"}` |

## Capabilities (Frontend UI Frameworks)

| Capability | Preact | Vue.js |
|---|:--:|:--:|
| **Core** |  |  |
| Paradigm | Virtual DOM component library | Progressive JavaScript framework for building reactive user interfaces |
| Reusable component model | ✓ | ✓ |
| **Rendering** |  |  |
| Virtual DOM | ✓ | ✓ |
| Signals / fine-grained reactivity | - | ✓ |
| SSR support | ✓ | ✓ |
| **DX** |  |  |
| First-class TypeScript | - | - |
| **State** |  |  |
| Built-in state management | ✓ | ✓ |
| **Ecosystem** |  |  |
| Official router | ✓ | ✓ |
| **Performance** |  |  |
| Runtime size | Tiny (<10kb) | Small (10–40kb) |

*Source: vioscaleAI. Generated 2026-09-21T01:31:40.752Z. "-" = undocumented, not absent.*
