# Preact vs shadcn/ui

**Leader by Vioscale score:** Preact

| Attribute | Preact | shadcn/ui |
|---|---|---|
| **Vioscale score** | 80.7 (72% (medium)) | 62.4 (51% (medium)) |
| activity.commits_last_30d | 100 | 87 |
| adoption.dependent_repos | 78,992 | 0 |
| adoption.github_stars | 38,834 | 122,199 |
| adoption.package_downloads_weekly | 31,234,030 | - |
| deployment.options | - | `{"cloud":true,"self_hosted":true}` |
| description.long | 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. | An open-source React component library that provides ready-made UI components built on Radix UI and styled with Tailwind CSS. You copy components directly into your codebase and customize them to match your design requirements. |
| features.capabilities | `{"paradigm":"Virtual DOM component library","bundle_size":"tiny","ssr_support":true,"virtual_dom":true,"component_model":true,"state_management":true}` | `{"paradigm":"Component library and design system toolkit","bundle_size":"small","ssr_support":true,"virtual_dom":true,"component_model":true,"router_official":false,"state_management":true,"typescript_first":true,"signals_reactivity":false}` |
| integrations.count | - | 6 |
| integrations.list | - | `[{"name":"Radix UI"},{"name":"React"},{"name":"React Aria"},{"name":"Tailwind CSS"},{"name":"Next.js"},{"name":"Vite"}]` |
| language.primary | JavaScript | TypeScript |
| license.spdx | MIT | MIT |
| market.availability | - | `{"primaryMarkets":[],"availabilityScope":"global","availableCountries":[],"notAvailableCountries":[]}` |
| platform.support | `{"web":true}` | `{"cli":true,"web":true}` |
| pricing | `{"type":"open_source","sourceUrl":"https://preactjs.com/","retrievedAt":"2026-08-13T23:05:09.849Z"}` | `{"type":"open_source","freeTier":true,"sourceUrl":"https://ui.shadcn.com/","retrievedAt":"2026-08-14T08:34:38.943Z"}` |
| pricing.free_tier | - | yes |
| pricing.model | commercial | commercial |
| pricing.price_level | free | free |
| pricing.transparent | - | yes |
| release.cadence_days | 13 | 3 |
| release.history | `[{"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/preactjs/preact/releases/tag/10.28.0","date":"2025-12-01T17:12:41Z","type":"stable","version":"10.28.0"}]` | `[{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.19.0","date":"2026-08-21T17:28:23Z","type":"stable","version":"shadcn@4.19.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.18.0","date":"2026-08-13T18:44:31Z","type":"stable","version":"shadcn@4.18.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.17.0","date":"2026-08-11T20:39:12Z","type":"stable","version":"shadcn@4.17.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/%40shadcn/helpers%400.2.0","date":"2026-08-11T20:49:34Z","type":"stable","version":"@shadcn/helpers@0.2.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.16.2","date":"2026-08-06T11:37:08Z","type":"stable","version":"shadcn@4.16.2"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/%40shadcn/react%400.3.0","date":"2026-08-05T19:13:18Z","type":"stable","version":"@shadcn/react@0.3.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.16.1","date":"2026-07-31T13:58:43Z","type":"stable","version":"shadcn@4.16.1"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.16.0","date":"2026-07-27T18:32:08Z","type":"stable","version":"shadcn@4.16.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.15.0","date":"2026-07-25T18:05:56Z","type":"stable","version":"shadcn@4.15.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.14.1","date":"2026-07-23T16:02:41Z","type":"stable","version":"shadcn@4.14.1"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.14.0","date":"2026-07-22T11:06:55Z","type":"stable","version":"shadcn@4.14.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.13.1","date":"2026-07-17T15:23:41Z","type":"stable","version":"shadcn@4.13.1"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/%40shadcn/react%400.2.1","date":"2026-07-08T08:11:58Z","type":"stable","version":"@shadcn/react@0.2.1"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.13.0","date":"2026-07-03T12:29:04Z","type":"stable","version":"shadcn@4.13.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/%40shadcn/react%400.2.0","date":"2026-06-30T06:34:55Z","type":"stable","version":"@shadcn/react@0.2.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.12.0","date":"2026-06-26T17:26:57Z","type":"stable","version":"shadcn@4.12.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.11.1","date":"2026-06-26T07:16:31Z","type":"stable","version":"shadcn@4.11.1"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.11.0","date":"2026-06-08T13:49:39Z","type":"stable","version":"shadcn@4.11.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.10.0","date":"2026-06-01T10:59:03Z","type":"stable","version":"shadcn@4.10.0"},{"url":"https://github.com/shadcn-ui/ui/releases/tag/shadcn%404.9.0","date":"2026-05-31T12:19:26Z","type":"stable","version":"shadcn@4.9.0"}]` |
| security.disclosure_policy | - | yes |
| security.scorecard | 5.7 | - |
| 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":0,"source":"https://advisories.ecosyste.ms/api/v1/advisories?ecosystem=npm&package_name=hghcn&per_page=100","last_12m":0,"max_severity":null}` |

## Capabilities (Frontend UI Frameworks)

| Capability | Preact | shadcn/ui |
|---|:--:|:--:|
| **Core** |  |  |
| Paradigm | Virtual DOM component library | Component library and design system toolkit |
| 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-01T16:29:50.449Z. "-" = undocumented, not absent.*