shilman/addon-jsx

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

★ 2Audience · developerComplexity · 2/5DormantSetup · easy

Mindmap

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

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

What do people build with it?

USE CASE 1

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

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

What is it built with?

ReactVueStorybook

How does it compare?

	shilman/addon-jsx	0-bingwu-0/live-interpreter	0xkaz/llm-governance-dashboard
Stars	2	2	2
Language	—	Python	Python
Last pushed	2020-12-11	—	—
Maintenance	Dormant	—	—
Setup difficulty	easy	moderate	hard
Complexity	2/5	2/5	4/5
Audience	developer	general	ops devops

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

How do you get it running?

Difficulty · easy Time to first run · 5min

Copy-paste prompts

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?

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.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.