A pluggable storybook-like UI for exploring, documenting, and interactively testing Phoenix components.
PhoenixStorybook is a storybook-like tool for Phoenix applications that provides a UI interface to explore, document, and interactively test Phoenix components. It solves the problem of component discoverability and documentation by offering a centralized catalog where developers can see live examples, adjust attributes, and understand component behavior without integrating them into full pages.
Phoenix developers and teams building component libraries, design systems, or maintaining large applications with reusable UI components.
Developers choose PhoenixStorybook because it brings the proven Storybook workflow to the Elixir ecosystem, offering automatic component discovery, seamless integration with Phoenix projects, and interactive playgrounds that enhance component development and documentation.
A pluggable storybook for your Phoenix components.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Mounts directly in the Phoenix router and leverages Elixir's strengths, providing a native, pluggable environment that mirrors modern frontend storybooks.
Scans specified folders to automatically build the navigation sidebar, reducing manual setup and keeping the storybook synchronized with component changes.
Allows dynamic testing of components with adjustable attributes, enabling developers to see behavior changes in real-time without full app integration.
Integrates documentation for components, displaying supported attributes, usage guidelines, and multiple story types like pages and real UI examples.
Requires detailed setup with numerous options for themes, color modes, and asset paths, which can be overwhelming and time-consuming to optimize.
Maintained by one person in their free time, as admitted in the README, which could lead to slower updates, limited support, and potential project abandonment.
For non-hex.pm releases, manual asset compilation is needed (mix dev.storybook), adding an extra step to the development workflow and increasing complexity.
phoenix_storybook is an open-source alternative to the following products: