whatisgithub

What is phoenix_storybook?

tony/phoenix_storybook — explained in plain English

Analysis updated 2026-07-18 · repo last pushed 2023-11-11

Audience · developerComplexity · 2/5DormantSetup · easy

In one sentence

PhoenixStorybook builds a browsable visual catalog of the reusable UI components in a Phoenix web app, so teams can see and test every component in one place.

Mindmap

mindmap
  root((phoenix_storybook))
    Inputs
      Story files
      Component folder
    Outputs
      Interactive component catalog
      Live playground
      Documentation pages
    Use Cases
      Keep UI consistent
      Share design system
      Onboard new developers
    Tech Stack
      Elixir
      Phoenix
      CSS
      JavaScript

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Generate a searchable catalog of every UI component in your Phoenix app so designers and developers can browse them in one place.

USE CASE 2

Write story files describing a component's options and states so teammates can see all its variations without reading code.

USE CASE 3

Use the built-in playground to interactively test a component's inputs and see how it responds live.

USE CASE 4

Organize stories as standalone guideline pages or full example pages showing components working together.

What is it built with?

ElixirPhoenixCSSJavaScript

How does it compare?

tony/phoenix_storybook0verflowme/alarm-clock0verflowme/seclists
Language—CSS—
Last pushed2023-11-112022-10-032020-05-03
MaintenanceDormantDormantDormant
Setup difficultyeasyeasyeasy
Complexity2/52/51/5
Audiencedevelopervibe coderops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Add the dependency and run a generator command, integrates into an existing Phoenix router.

License is not stated in the available content.

Copy-paste prompts

Prompt 1
Help me add PhoenixStorybook to my Phoenix app and run the generator to set up the folder structure.
Prompt 2
Show me how to write a story file for my button component describing its variations and options.
Prompt 3
Walk me through wiring PhoenixStorybook into my Phoenix router with my custom CSS and JavaScript.
Prompt 4
Explain how to set up multiple themes in PhoenixStorybook so I can preview a component in different visual contexts.

Frequently asked questions

What is phoenix_storybook?

PhoenixStorybook builds a browsable visual catalog of the reusable UI components in a Phoenix web app, so teams can see and test every component in one place.

Is phoenix_storybook actively maintained?

Dormant — no commits in 2+ years (last push 2023-11-11).

What license does phoenix_storybook use?

License is not stated in the available content.

How hard is phoenix_storybook to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is phoenix_storybook for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?