This project allows users to generate HTML code by providing instructions to an AI model. The generated code can be previewed in real-time within an iframe on the webpage.
Demo.mov
✨ Live demo (Bring Your Own Key)
- AI-Powered Code Generation: Leverage OpenAI's models to generate HTML and JavaScript code based on user input.
- Real-Time Preview: Instantly see the results of the generated code within an embedded iframe.
- Model Selection: Choose from various AI models to generate the code that best fits your needs.
- Clone the repository to your local machine.
- Install the dependencies with
npm install
. - Start the server with
npm start
. The server will run onhttp://localhost:3000
.
- Enter your OpenAI API key when prompted.
- Select an AI model from the dropdown menu.
- Type your instructions into the textarea and click "Generate" to see the AI-generated HTML code.
- The generated code will be displayed in the right-side panel and rendered in the iframe.
- Frontend: HTML, CSS, JavaScript
- Backend: Node.js, Express.js
- AI: OpenAI API
This project is open-sourced under the MIT license.