git404hub

what is addon-jsx fr?

shilman/addon-jsx — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2020-12-11

2Audience · developerComplexity · 2/5DormantSetup · easy

tl;dr

A Storybook addon that shows the live JSX/HTML code behind your UI components, updating automatically as you tweak props.

vibe map

mindmap
  root((repo))
    What it does
      Shows component code
      Syncs with prop changes
      Adds JSX panel
    Tech stack
      React
      Vue
      Storybook
    Use cases
      Share working examples
      Debug component output
      Document component libraries
    Audience
      Frontend developers
      UI teams
    Features
      Prop type tooltips
      Handles function props
      Global or per story config

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

See the live JSX or Vue template code behind a component as you adjust props in Storybook.

VIBE 2

Share working code examples with teammates who need to reuse a component.

VIBE 3

Document a component library by showing generated code alongside each story.

VIBE 4

View prop type tooltips when TypeScript or docgen tooling is set up.

what's the stack?

ReactVueStorybook

how it stacks up fr

shilman/addon-jsx0-bingwu-0/live-interpreter0xkaz/llm-governance-dashboard
Stars222
LanguagePythonPython
Last pushed2020-12-11
MaintenanceDormant
Setup difficultyeasymoderatehard
Complexity2/52/54/5
Audiencedevelopergeneralops devops

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

how do i run it?

Difficulty · easy time til it works · 5min

prompts (copy fr)

prompt 1
Show me how to install and enable this Storybook JSX addon for my React components.
prompt 2
Help me configure this addon to work with Vue templates instead of React.
prompt 3
Explain how the code panel stays in sync when I change props with Storybook controls.
prompt 4
Show me how to customize the output formatting for function props in this addon.

Frequently asked questions

what is addon-jsx fr?

A Storybook addon that shows the live JSX/HTML code behind your UI components, updating automatically as you tweak props.

Is addon-jsx actively maintained?

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

How hard is addon-jsx to set up?

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

Who is addon-jsx for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.