Menu

I built a React component doc generator that outputs Storybook stories
πŸ–ΌοΈ

I built a React component doc generator that outputs Storybook stories

DEV CommunityΒ·Valeria CastilloΒ·6 months ago
#0yX0EYIh
#react#typescript#webdev#productivity#component
Reading 0:00
15s threshold

It works on any React or TypeScript component β€” hooks, utilities, classes β€” and generates a props table, README section, and a complete Storybook story file in about 10 seconds.

Not a big story here. I was documenting a component for a design system at work and spent about 15 minutes cleaning up what Claude gave me. Structured it into a proper props table, extracted the Storybook argTypes, reformatted the README section. The component itself took maybe 45 minutes to build.

That ratio felt wrong.

So I built readmi β€” React component documentation generator β€” paste any JS or TS component, get back a structured props table, README section, usage example, and Storybook args. Takes about 10 seconds.

The part I kept not finding anywhere else: Storybook output. Every doc tool I looked at stops at props tables.…

Continue reading β€” create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.