git404hub

what is phoenix_storybook fr?

tony/phoenix_storybook — explained in plain English

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

Audience · developerComplexity · 2/5DormantSetup · easy

tl;dr

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.

vibe map

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 make with this?

VIBE 1

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

VIBE 2

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

VIBE 3

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

VIBE 4

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

what's the stack?

ElixirPhoenixCSSJavaScript

how it stacks up fr

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 i run it?

Difficulty · easy time til it works · 30min

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

License is not stated in the available content.

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.

similar repos, if this ain't it