histoire-dev/histoire
⚡ Fast and beautiful interactive component playgrounds, powered by Vite observed · 2026-08-28
Health v2 · maintenance only
82/100
- Activity 96
- Release rhythm 53
- Longevity 100
Flags: prerelease_only
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: 48
- age_days: 1685
- days_rel: 238
- days_push: 28
- n_releases_24m: 6
Adoption not part of the score
3571 stars · 212 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Histoire is a Vite-powered tool for building interactive component playgrounds (story books) for Vue and Svelte projects. It lets developers document components with stories and variants, visually test them in isolation, and auto-generate source code examples with a fast, themable interface.
Use cases
- document vue components with stories
- storybook alternative for vue 3
- visually test svelte components in isolation
- browse a component catalog for my design system
- auto-generate component usage examples
- set up a component playground with vite
- preview ui components with controls and variants
When to choose
- you use Vue 3 or Svelte with Vite and want a fast, no-config storybook-style playground
- you want automatic source code generation and auto-generated docs from component analysis
- you need a themable, dark-mode-friendly component documentation site
When to avoid
- your project uses React, Angular, or Solid, which are not officially supported
- you need mature ecosystem plugins and addons available for Storybook
- your project does not use Vite as its build tool
Facets
library · maturity active
ui-components documentation developer-tools testing cli web-framework frontend web-development developer-tools documentation cli cross-platform component-playground storybook-alternative vite vue svelte component-catalog design-system hmr visual-testing nodejs web-server
5 sources
- readme: https://github.com/histoire-dev/histoire · fetched 2026-08-28 · fae6432a8afc
- homepage: https://histoire.dev · fetched 2026-08-29 · 7ae0762cb86b
- site_page: https://histoire.dev/guide/svelte3/getting-started · fetched 2026-08-29 · 79e3d057b55e
- site_page: https://histoire.dev/guide/vue3/getting-started · fetched 2026-08-29 · 4bc4979cf538
- site_page: https://histoire.dev/guide/getting-started · fetched 2026-08-29 · 7ef3cdf0f0ed
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| histoire-dev/histoire | main | 82 |
For agents
markdown · JSON · MCP: product_card(name="histoire-dev/histoire")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem