Storybook GPT is a web application that can be used to convert React components into Storybook stories. It is using OpenAI API to convert the components and it is built with NextJS 13, the React framework for the web that supports server components, streaming, and layouts. It also uses TypeScript for type safety and TailwindCSS for styling. With Storybook GPT, you can easily create and share interactive UI components for your projects.
- Dark mode
- Copy to clipboard
Clone the repository:
git clone https://github.com/eduardconstantin/storybook-gpt.gitInstall dependencies:
npm installInput your OPENAI API key in the .env file, you can get your API key here:
OPENAI_API_KEY=$YOUR_API_KEYRun the app:
npm run devOpen your browser and navigate to http://localhost:3000.
Add your react component to the input field and hit generate story, in a few seconds you will have a storybook story generated.
I welcome feedback and contributions from other developers, which can help improve the quality of the code and the application overall.
In order to create an issue or a pull request with your changes, please read our contribution guidelines, and thank you for being involved!
For a full list of all authors and contributors, see the contributors page.
This project is licensed under the MIT License - see the LICENSE file for details.