Home/Component Development/Histoire
H

Histoire

Updated: Oct 17, 2026

Write fast, no-config component stories for Vue powered by Vite, with theming, dark mode, and auto-generated copyable code.

Histoire

About Histoire

Overview

Histoire is an open-source tool for writing component stories for Vue, powered by Vite. It gives developers a fast way to showcase and document their components inside a live, navigable interface.

Built by Vue.js core team member Guillaume Chau and software engineer Hugo Attal, the project is free to use and hosted on GitHub. Its development is funded by sponsors, and the team welcomes new ones.

Key Benefits

  • Development builds and production page loading run fast because of Vite
  • Setup needs no configuration; sane defaults automatically reuse your existing Vite config
  • The generated app is themable so you can apply your own branding
  • Dynamic template source code is auto-generated and copyable
  • Dark mode delivers a more comfortable viewing experience at night

Use Cases

  • Component library maintainers write stories to showcase and document every component
  • Design system teams present reusable UI components to stakeholders in a clean interface
  • Open-source developers demo components and hand users ready-to-copy template code
  • Product engineers review components visually during development without extra configuration

Why Choose This Product

Histoire differentiates itself through speed and simplicity. Because it sits on Vite, it inherits fast builds and quick page loads, while its no-config defaults reuse an existing Vite setup. Theming, dark mode, and copyable code make the generated story app practical for teams documenting Vue components.

Histoire Pricing

Free
Free

Pricing extracted from the product website and may change. Check the source for current details.