webpilot is an open-source React Component Generator. It allows users to generate React components with ease, similar to CodePen, but with the added convenience of a chatbot powered by ChatGPT!

webpilot is an experiment to see if flexible and customizable Generative AI code can be a good replacement front-end component libraries like chakra, antd, material, etc.

Live Access

Check it out at webpilot.sh!

Running webpilot Locally

To get started with webpilot, follow these steps:

1. Clone the repository to your local machine using git clone https://github.com/sudonymously/webpilot.git.
2. Install dependencies by running npm install or yarn install.
3. Run the development server by running npm run dev or yarn dev.
4. Open http://localhost:3000 with your browser to see the result.

Cool Features to Add! (Contributions Welcome)

Here are some of the features we'd love to add to webpilot in the future:

1. Support for other front-end frameworks like Vue.js, Svelte, etc.
2. Rendering of external npm libraries in the Sandbox.
3. Importing of libraries via CDNs.
4. Referencing external documentation via a link to generate code.
5. [ Your cool Idea Here! ]

Technologies Used

webpilot is built using the following technologies and libraries:

• Next.js
• TailwindCSS
• Babel Standalone
• OpenAI API

Contribution

We welcome contributions from anyone who wants to help improve webpilot! To contribute, please follow these steps:

1. Fork the repository to your own account.
2. Create a branch for your changes using git checkout -b your-branch-name.
3. Make your changes and commit them with a descriptive commit message.
4. Push your changes to your forked repository.
5. Submit a pull request to the main repository.

License

webpilot is licensed under the MIT license. See the LICENSE file for more information.

Maintainers

• @sudonymously

We are actively looking for contributors who want to help grow this project. If you're interested in becoming a maintainer, please reach out!