Histoire
Histoire: A free, open-source story tool for documenting and previewing Vue 3 and Svelte 3 components. Ranked #8 of 15 in Component Libraries Software by our editors (7.6/10); pricing: Free plan; best for vue or Svelte teams creating interactive stories.
At a glance
- Editor score7.6 / 10
- PricingFree plan
- Best forVue or Svelte teams creating interactive stories
- Free planYes
- Paid fromFree
- Component documentationYes
- Facts checked24 Sep 2026
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
Our verdict on Histoire
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.
Your product? Our editors can test Histoire in depth and publish a review, labelled as paid · from $149/mo →
Histoire pricing
Histoire fact sheet
| Free plan | Yes |
|---|---|
| Paid from | Free |
| Component documentation | Yes |
| Visual workbench | Yes |
| Framework support | Vue 3, Svelte 3 |
| Deployment options | Self-hosted |
| Version history | Not verified |
| Access controls | Not verified |
| Deployment | Self-hosted |
| Platforms | Web |
| Support | Docs, Community |
| Built for | Solo, Small business, Mid-market (editorial estimate) |
| Integrations | 3 integrations: Percy, Lost Pixel, Tailwind CSS |
| Pricing | Free plan |
| Website | histoire.dev |
| Facts checked | 24 Sep 2026 |
Histoire integrations
Histoire lists 3 integrations on its own site.
- Percy
- Lost Pixel
- Tailwind CSS
Alternatives to Histoire
- SupernovaA design system hub linking Figma inputs, documentation, assets and code delivery.8.8
- KnapsackA governed design-system platform for teams coordinating multiple frameworks and workflows.8.6
- Ant Design IconsA free, open-source SVG icon library with packages for major frontend frameworks.7.9
See all Histoire alternatives →
Histoire vs the competition
- Histoire vs Supernova
- Histoire vs Knapsack
- Histoire vs Ant Design Icons
- Histoire vs zeroheight
- Histoire vs Bit
- Histoire vs Handoff
Compare Histoire with any tool side by side →
Used Histoire? Be the first to review it
The editor score above is our own research. What this page doesn't have yet is a reader's view — what you used Histoire for, what worked and what didn't. No stars are seeded and no review is paid for; an editor reads every one before it appears.
Write a reviewTwo minutes · verified accounts only · read by an editor before it appears
Featured on iTechGuides
Histoire is listed in our Component Libraries Software directory. Add the badge to your site — it links back to this page.
<a href="https://www.itechguides.com/products/histoire/"><img src="https://www.itechguides.com/best/badge/histoire.svg" alt="Featured on iTechGuides" width="230" height="46"></a>
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
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