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:
- Clone the repository to your local machine using
git clone https://github.com/sudonymously/webpilot.git. - Install dependencies by running
npm installoryarn install. - Run the development server by running
npm run devoryarn dev. - 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:
- Support for other front-end frameworks like Vue.js, Svelte, etc.
- Rendering of external npm libraries in the Sandbox.
- Importing of libraries via CDNs.
- Referencing external documentation via a link to generate code.
- [ 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:
- Fork the repository to your own account.
- Create a branch for your changes using
git checkout -b your-branch-name. - Make your changes and commit them with a descriptive commit message.
- Push your changes to your forked repository.
- Submit a pull request to the main repository.
License
webpilot is licensed under the MIT license. See the LICENSE file for more information.
Maintainers
We are actively looking for contributors who want to help grow this project. If you're interested in becoming a maintainer, please reach out!