Documentation

UI Storia is the design-system workbench for Symfony: it renders the real Twig templates and components of your project, documents their variants and tests them.

Start here

• Getting started: a component, three variants and a test in ten minutes.
• Workflow: how integrators and developers work on the same files.
• Why not Storybook?: what a port of Twig to JavaScript breaks.

Reference

• Installation and Interfaces: register the bundle and describe your views in YAML.
• The interface, Data and Controls: browse the catalog, share data and edit arguments live.
• Live reload, Static export and Testing: develop, publish and protect your catalog.

More

• AI agents: list the components with storia:list and use the Claude Code skill.
• Reference: every key of the YAML files and of the configuration.
• Upgrade and the changelog: the compatibility policy and the changes of each version.