Comparison

Chakra UI vs Preact

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.

Chakra UI full profile →Preact full profile →

Machine formatsMarkdownJSONGraphQLMarkdown is open. JSON and GraphQL need a free key.

Chakra UI62

★Preact78

Attribute comparison across 2 tools
Attribute	Chakra UI	PreactLeader
vioscaleAI score	62 / 100medium · 66%	78 / 100medium · 72%
Pricing
Free tierpricing.free_tier	✓	✓
Modelpricing.model	commercial	open_source
Price levelpricing.price_level	free	free
Transparentpricing.transparent	✓	-
Integrations
Countintegrations.count	2	-
Security
Scorecardsecurity.scorecard	5.6	5.8
Vulnerabilitiessecurity.vulnerabilities	Count: 0 · Source: https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=%40chakra-ui%2Fsystem&per_page=100 · Last 12m: 0	Count: 2 · Source: https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=preact&per_page=100 · Last 12m: 1 · Max severity: HIGH
Adoption
Dependent reposadoption.dependent_repos	39,940	78,992
Github starsadoption.github_stars	40,684	38,926
Package downloads weeklyadoption.package_downloads_weekly	1,590,269	38,692,983
Activity
Commits last 30dactivity.commits_last_30d	29	70
Release
Cadence daysrelease.cadence_days	-	13
Historyrelease.history	20 items	20 items
License
Spdxlicense.spdx	MIT	MIT
Language
Primarylanguage.primary	TypeScript	JavaScript
Content
Faqcontent.faq	4 items	4 items

Score

vioscaleAI score

Chakra UI62 / 100medium · 66%

Preact78 / 100medium · 72%

Pricing

Free tier

Chakra UI✓

Preact✓

Model

Chakra UIcommercial

Preactopen_source

Price level

Chakra UIfree

Preactfree

Transparent

Chakra UI✓

Preact–

Integrations

Count

Chakra UI2

Preact–

Security

Scorecard

Chakra UI5.6

Preact5.8

Vulnerabilities

Chakra UICount: 0 · Source: https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=%40chakra-ui%2Fsystem&per_page=100 · Last 12m: 0

PreactCount: 2 · Source: https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=preact&per_page=100 · Last 12m: 1 · Max severity: HIGH

Adoption

Dependent repos

Chakra UI39,940

Preact78,992

Github stars

Chakra UI40,684

Preact38,926

Package downloads weekly

Chakra UI1,590,269

Preact38,692,983

Activity

Commits last 30d

Chakra UI29

Preact70

Release

Cadence days

Chakra UI–

Preact13

History

Chakra UI20 items

Preact20 items

License

Spdx

Chakra UIMIT

PreactMIT

Language

Primary

Chakra UITypeScript

PreactJavaScript

Content

Faq

Chakra UI4 items

Preact4 items

Capabilities

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

Capability comparison for Frontend UI Frameworks
Capability	Chakra UI	Preact
Core
Paradigm	React component library	Virtual DOM component library
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)

Core

Paradigm

Chakra UIReact component library

PreactVirtual DOM component library

Reusable component model

Chakra UI✓

Preact✓

Rendering

Virtual DOM

Chakra UI✓

Preact✓

Signals / fine-grained reactivity

Chakra UI✗

Preact-

SSR support

Chakra UI✓

Preact✓

First-class TypeScript

Chakra UI✓

Preact-

State

Built-in state management

Chakra UI✗

Preact✓

Ecosystem

Official router

Chakra UI✗

Preact✓

Performance

Runtime size

Chakra UI-

PreactTiny (<10kb)

What each one is

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

Chakra UI

Chakra UI offers a set of React UI components designed with accessibility in mind. It helps developers build web applications and design systems quickly, with built-in support for frameworks like Next.js.

Independently observed

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

Pricing

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

Chakra UI

Open sourceFree tier

as of 2026-08-14verify ↗

Preact

Leader

Open sourceFree tier

as of 2026-10-13verify ↗

Platform & deployment

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

Platform and deployment support comparison
Supports	Chakra UI	Preact
WebPlatforms	✓	✓

Platforms

Web

Chakra UI✓

Preact✓

Integrations

What each product connects to. Counts come from the vendor's own integration directory where one exists.

Chakra UI

2 total

Next.js
Emotion

Independently observed

Preact

Leader

Not documented yet.

Still deciding?

Chakra UI or Preact: 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.