Comparison

Preact vs Stencil

On the evidence we track, Preact leads this comparison with a composite score of 78/100. Scores are only directly comparable because these tools share a category; the full breakdown and every source is below.

Machine formatsMarkdownJSONGraphQLMarkdown is open. JSON and GraphQL need a free key.
★Preact78
Stencil61
Score
vioscaleAI score
Preact78 / 100medium · 72%
Stencil61 / 100medium · 71%
Pricing
Free tier
Preact✓
Stencil✓
Model
Price level
Preactfree
Stencilfree
Adoption
Dependent repos
Preact78,992
Stencil1
Github stars
Preact38,926
Stencil13,139
Package downloads weekly
Stencil1,543,926
Activity
Commits last 30d
Preact70
Stencil20
Release
Cadence days
Preact13
Stencil9
History
Preact20 items
Stencil20 items
License
Spdx
PreactMIT
StencilMIT
Language
Primary
Content
Faq
Preact4 items
Stencil3 items

Capabilities

Feature-by-feature on the axes that matter for frontend ui frameworks. “-” means undocumented, not absent.

Core
Paradigm
PreactVirtual DOM component library
StencilWeb component compiler
Reusable component model
Preact✓
Stencil✓
Rendering
Virtual DOM
Preact✓
Stencil✓
Signals / fine-grained reactivity
Preact-
Stencil-
SSR support
Preact✓
Stencil✓
DX
First-class TypeScript
Preact-
Stencil✓
State
Built-in state management
Preact✓
Stencil✓
Ecosystem
Official router
Preact✓
Stencil-
Performance
Runtime size
PreactTiny (<10kb)
StencilTiny (<10kb)

What each one is

The product in its own terms, so the numbers below have context.

Preact

Leader

A minimal virtual DOM framework providing React-style components and APIs, optimized for tiny bundle size and fast performance across modern browsers.

Independently observed

Stencil

Stencil transforms TypeScript and JSX code into optimized web components through a build-time compilation process. It provides decorators for declaring component metadata, lifecycle hooks for managing component behavior, and virtual DOM rendering for efficient updates.

Independently observed

Pricing

List pricing as published by each vendor, with the date we read it. Always verify at the source before you buy.

Preact

Leader
Open sourceFree tier
as of verify ↗

Stencil

Open sourceFree tier
as of verify ↗

Platform & deployment

Where each product runs and how it can be hosted. A dash means undocumented, not unsupported.

Platforms
Web
Preact✓
Stencil✓
Still deciding?

Preact or Stencil: which one depends on you

A composite score cannot know your constraints. Describe them and both get re-weighted against what you actually need, with the evidence behind every position.

Free to run, no account needed to start. How the evaluation works

Comparison generated from independently-sourced facts. Every value links to its source and retrieval date. See the method.