fwouts/previewjs
Preview UI components in your IDE instantly observed · 2026-08-28
Health v2 · maintenance only
10/100
- Activity 74
- Release rhythm 40
- Longevity 100
Flags: archived no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: 0.0
- age_days: 1968
- days_rel: 571
- days_push: 158
- n_releases_24m: 9
Adoption not part of the score
1935 stars · 52 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
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
plugin · maturity abandoned
ui-components developer-tools frontend-framework frontend web-development developer-tools editor-plugin cross-platform react vue svelte vscode-extension component-preview storybook vite hot-reload
3 sources
- readme: https://github.com/fwouts/previewjs · fetched 2026-08-28 · 47116ab12451
- homepage: https://previewjs.com · fetched 2026-08-29 · 395a68f952c6
- site_page: https://previewjs.com/docs · fetched 2026-08-29 · 7ae89821d158
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| fwouts/previewjs | main | 10 |
For agents
markdown · JSON · MCP: product_card(name="fwouts/previewjs")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem