Fast and beautiful interactive component playgrounds
poveste β /poΛveste/ (po-VES-teh), Romanian for "story." A drop-in fork of
histoire by Guillaume Chau,
released every one to two weeks and tested on books installed from npm. For Vue and Nuxt, existing histoire projects
migrate by swapping one dependency β the <Story>/<Variant> API, .story.* files, and
histoire.config.* all keep working. Svelte needs one code change as well: Svelte 5 removed
the API histoire used to read a story's state, so story state moves onto initState
(how, and why).
Say it however you like β we answer to "po-VEST" too. π
Read the Documentation | Discussions board | Bluesky | X
Rather watch than read? A 22-second recording builds a Quasar story end to end β the component rendering, a control driving it, and the boot-file gotcha β on Bluesky or X.
- β‘οΈ Instant HMR on Vite 8 and Rolldown
- π§© Vue 3, Nuxt 4, Svelte 5, SvelteKit and Quasar, each proven by its own example suite in CI
- π§± Solid: stories and variants render, the source panel shows the story file or a variant's own
source, a story that names itscomponentgets the props, slots and events table, and a variant withinitStategets the state editor while one without says why its panel is empty. Solid has no controls panel. Its CI runs the renderer's own tests; the checks the other five frameworks share do not run on it. - βοΈ React 19: stories and variants render, the source panel shows the story file, a story that names its
componentgets the props, slots and events table, and a variant withinitStategets the state editor while one without says why its panel is empty. React has no controls panel. Its CI runs the renderer's own tests; the checks the other five frameworks share do not run on it. - πͺ Collects on Windows, macOS and Linux β all three run in CI
- π Stories and variants, with source examples generated from what you wrote
- π Grids stay responsive at a thousand variants, and built books render offline
| Supported | |
|---|---|
| Node | >=22.22.2 |
| Vite | ^8.0.0 |
| Vue | ^3.5.43 |
| Nuxt | ^4.5.0 |
| Svelte | ^5.46.4 |
| SvelteKit | ^2.53.0 || ^3.0.0 |
| Quasar | ^2.24.0 |
| Quasar App Vite | ^3.8.0 |
| Solid | ^1.9.0 |
| React | ^19.0.0 |
Every range is backed by a CI job that exercises it β see supported versions for what proves each one, the package-manager story, and the version-support policy.
| Package | Description | Version | Downloads |
|---|---|---|---|
poveste |
Core CLI, config, and builder | ||
@poveste/plugin-vue |
Vue 3 | ||
@poveste/plugin-svelte |
Svelte 5 and SvelteKit | ||
@poveste/plugin-nuxt |
Nuxt | ||
@poveste/plugin-quasar |
Quasar | ||
@poveste/plugin-solid |
Solid, no controls yet | ||
@poveste/plugin-react |
React, no controls yet | ||
@poveste/plugin-tailwind |
Tailwind design system story | ||
@poveste/plugin-percy |
Visual regression testing with Percy | ||
@poveste/plugin-screenshot |
Visual regression testing with screenshots |
See Contributing Guide to learn more about the repository and how you can contribute.
MIT