Histoire

Histoire is a Vite-based tool for writing stories, pages that show a component in one or more variants with controls and the source code that reproduces it. A story file imports a component and mounts it in a variant. Histoire builds the stories into a book with navigation, a search index, Markdown documentation and copyable source code. The README lists Vue, React, Svelte, Nuxt and SvelteKit as supported. Each framework is added as a development dependency next to Histoire, and the CLI runs a development server for the book.

Worth knowing

The npm package’s latest tag points to a beta of the next major release, while the newest stable GitHub release belongs to the earlier line. The docs describe beta features, such as an MCP server and a standalone Node deployment target, and a Node.js requirement that the stable package does not declare. Read the docs for the version being installed.