# fwouts/previewjs

Preview UI components in your IDE instantly

Repository: https://github.com/fwouts/previewjs
Canonical: https://ross.abutalabs.com/products/previewjs
Homepage: https://previewjs.com
Language: TypeScript
License: NOASSERTION
License Family: other
Topics: react, preview, vscode, vue, intellij, solid, preact, svelte
Archived: true
Last push: 2026-03-28T23:27:29+00:00

## Health v2 (maintenance only)
Score: 10/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 74, release rhythm 40, longevity 100
- inputs: {"age_days": 1968, "days_push": 158, "days_rel": 571, "gap_med": 0.0, "n_releases_24m": 9}
- flags: archived, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1935, forks 52 (observed 2026-08-28T04:05:56.957689+00:00)

## What it is
Preview.js is an IDE extension (VS Code, Cursor, Windsurf) that renders React components and Storybook stories instantly inside the editor, powered by Vite for fast refresh. It supports additional frameworks like Vue, Svelte, Solid, and Preact and auto-generates TypeScript component props.

## Use cases
- preview react components in vscode without switching to a browser
- instantly render storybook stories while coding
- see live component updates as I type
- auto-generate props for typescript react components
- preview vue and svelte components in my ide
- speed up frontend development with zero-config component previews

## When to choose
- you want instant in-editor previews of React components or Storybook stories with zero configuration
- you use VS Code, Cursor, or Windsurf for frontend work and want to avoid browser context switching

## When to avoid
- you need ongoing support, updates, or compatibility with new framework versions, since the project is explicitly abandoned
- you need a supported license for commercial use, as licensing is mixed AGPL-3.0/MIT with a proprietary Pro tier

## Facets
- artifact type: plugin
- maturity: abandoned
- function: ui-components, developer-tools, frontend-framework
- domain: frontend, web-development, developer-tools
- platform: editor-plugin, cross-platform
- tags: react, vue, svelte, vscode-extension, component-preview, storybook, vite, hot-reload

## Member repositories
- fwouts/previewjs (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:56.957689+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:08:27.517385+00:00, confidence not recorded.
  - readme: https://github.com/fwouts/previewjs (fetched 2026-08-28T04:05:56.957689+00:00, sha 47116ab12451)
  - homepage: https://previewjs.com (fetched 2026-08-29T10:48:08.744983+00:00, sha 395a68f952c6)
  - site_page: https://previewjs.com/docs (fetched 2026-08-29T10:48:08.754183+00:00, sha 7ae89821d158)
- Data as of 2026-08-30T08:39:29.467469+00:00.