# Stencil vs Vue.js

**Leader by Vioscale score:** Vue.js

| Attribute | Stencil | Vue.js |
|---|---|---|
| **Vioscale score** | 60.9 (71% (medium)) | 77.6 (78% (high)) |
| activity.commits_last_30d | 37 | 30 |
| adoption.dependent_repos | 1 | 902,397 |
| adoption.github_stars | 13,126 | 54,251 |
| adoption.package_downloads_weekly | 1,375,018 | 15,332,402 |
| description.long | A TypeScript-based framework for authoring standards-compliant web components and component libraries that run on any browser or framework without framework dependencies. | Vue is a lightweight JavaScript framework for creating user interfaces. It combines standard HTML, CSS, and JavaScript with a reactive system that automatically updates the UI when data changes, scaling from simple interactive components to full-featured applications. |
| features.capabilities | `{"paradigm":"Web component compiler","bundle_size":"tiny","virtual_dom":true,"component_model":true,"typescript_first":true}` | `{"paradigm":"Progressive JavaScript framework","bundle_size":"small","ssr_support":true,"virtual_dom":true,"component_model":true,"router_official":true,"state_management":true,"typescript_first":true,"signals_reactivity":true}` |
| integrations.count | - | 12 |
| integrations.list | - | `[{"name":"Vue Router"},{"name":"Pinia"},{"name":"Nuxt"},{"name":"Vite"},{"name":"TypeScript"},{"name":"Tailwind CSS"},{"name":"Bootstrap"},{"name":"Algolia DocSearch"},{"name":"Fathom Analytics"},{"name":"Reka UI"},{"name":"Vuetify"},{"name":"PrimeVue"}]` |
| language.primary | TypeScript | TypeScript |
| license.spdx | MIT | MIT |
| market.availability | - | `{"primaryMarkets":[],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"cli":true,"web":true}` | `{"cli":true,"web":true}` |
| pricing | - | `{"type":"open_source","freeTier":true,"sourceUrl":"https://vuejs.org","retrievedAt":"2026-08-14T15:28:31.688Z"}` |
| pricing.free_tier | - | yes |
| pricing.model | commercial | open_source |
| pricing.price_level | - | free |
| pricing.transparent | - | yes |
| release.cadence_days | 9 | 5 |
| release.history | `[{"url":"https://github.com/stenciljs/core/releases/tag/v4.44.2","date":"2026-08-26T16:44:04Z","type":"stable","version":"v4.44.2"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.44.1","date":"2026-08-21T11:31:44Z","type":"stable","version":"v4.44.1"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.44.0","date":"2026-08-11T15:07:47Z","type":"stable","version":"v4.44.0"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.43.5","date":"2026-05-28T19:07:17Z","type":"stable","version":"v4.43.5"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.43.4","date":"2026-04-13T12:46:38Z","type":"stable","version":"v4.43.4"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.43.3","date":"2026-04-13T12:44:59Z","type":"stable","version":"v4.43.3"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.43.2","date":"2026-02-27T09:27:22Z","type":"stable","version":"v4.43.2"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.43.1","date":"2026-02-20T17:27:50Z","type":"stable","version":"v4.43.1"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.43.0","date":"2026-02-17T08:52:30Z","type":"stable","version":"v4.43.0"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.42.1","date":"2026-02-06T17:46:42Z","type":"stable","version":"v4.42.1"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.42.0","date":"2026-02-01T23:42:03Z","type":"stable","version":"v4.42.0"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.41.3","date":"2026-01-23T12:35:33Z","type":"stable","version":"v4.41.3"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.41.2","date":"2026-01-16T10:22:43Z","type":"stable","version":"v4.41.2"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.41.1","date":"2026-01-08T23:40:35Z","type":"stable","version":"v4.41.1"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.41.0","date":"2026-01-02T22:24:06Z","type":"stable","version":"v4.41.0"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.40.1","date":"2025-12-23T22:42:57Z","type":"stable","version":"v4.40.1"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.40.0","date":"2025-12-23T10:16:22Z","type":"stable","version":"v4.40.0"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.39.0","date":"2025-12-09T11:03:02Z","type":"stable","version":"v4.39.0"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.38.3","date":"2025-11-05T20:30:11Z","type":"stable","version":"v4.38.3"},{"url":"https://github.com/stenciljs/core/releases/tag/v4.38.2","date":"2025-10-17T19:40:16Z","type":"stable","version":"v4.38.2"}]` | `[{"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"},{"url":"https://github.com/vuejs/core/releases/tag/v3.6.0-beta.11","date":"2026-05-07T08:45:12Z","type":"prerelease","version":"v3.6.0-beta.11"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.34","date":"2026-05-06T07:20:28Z","type":"stable","version":"v3.5.34"},{"url":"https://github.com/vuejs/core/releases/tag/v3.5.33","date":"2026-04-22T07:21:18Z","type":"stable","version":"v3.5.33"}]` |
| reliability.status_page | - | yes |
| security.gdpr | - | yes |
| security.scorecard | 6.1 | 6.2 |
| security.vulnerabilities | `{"count":0,"source":"https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=sam77-test-stencil-component&per_page=100","last_12m":0,"max_severity":null}` | `{"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 | Stencil | Vue.js |
|---|:--:|:--:|
| **Core** |  |  |
| Paradigm | Web component compiler | Progressive JavaScript framework |
| 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: Vioscale. Generated 2026-09-01T15:20:18.954Z. "-" = undocumented, not absent.*