Histoire review
A free, open-source story tool for documenting and previewing Vue 3 and Svelte 3 components.
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Histoire is an open-source tool for building browser-based stories around UI components, aimed at teams creating component libraries or design systems with Vue 3 or Svelte 3. Developers can show components across use cases, work on them in isolation, and organize variants for review. Its story-based approach suits teams that want component examples and documentation alongside an interactive preview rather than a hosted component catalog.
The workbench combines controls for interacting with previews, responsive resizing, variant grids, Markdown documentation, and copyable source examples. Search covers both stories and documentation text. For projects using Tailwind CSS, Histoire can detect its configuration and generate design-system stories. These capabilities make it useful for presenting component states and usage guidance in one place. It is designed for projects using Vite, and framework support is specifically Vue 3 and Svelte 3, so teams using other frameworks should look elsewhere.
Histoire is free and open source, and is installed and served from a project rather than offered as hosted SaaS. Deployment is self-hosted; support channels are documentation and community. For visual checks, it supports capturing regression snapshots in CI through Percy and Lost Pixel. That combination favors teams comfortable maintaining a project-based developer tool and adding it to their own workflow. Choose Histoire when interactive stories, component documentation, and those supported framework integrations are central needs; skip it if you need a hosted service or support for a framework beyond Vue 3 and Svelte 3.
Histoire pros and cons
- Where it wins
- Isolate components and organize interactive variants in grids
- Add Markdown docs, controls, and copyable source examples
- Support CI visual snapshots with Percy and Lost Pixel
- Where it doesn't
- Framework support is limited to Vue 3 and Svelte 3
- Requires installation and serving within a project
- Self-hosted deployment with docs and community support
Histoire fact sheet, pricing and score →
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update