Documentation GitHub logo Fork on Github

Your design system lives in your Symfony project, built by your integrators

UI Storia is the design-system workbench for Symfony: document and test the real Twig templates and components of your application, without porting them to JavaScript.

Screenshot of UI Storia

Real templates, no PHP required, variants that are tests

  • Real templates. UI Storia renders the templates and Twig Components of your project with your own Twig environment. Unlike Fractal or Storybook, nothing is ported to JavaScript, so you can use the latest Twig features safely.
  • No PHP required. An integrator writes an anonymous component and a YAML file of variants. No controller, no class, no database.
  • Variants are tests. storia:test renders every variant and compares it with a snapshot, so a catalog that documents your components also protects them.

Why not Storybook? · The workflow

Integration of UI Storia in your Symfony application