GitHub - ricklamers/buildanything: Generate any HTML page/app and see it stream in real-time.

1 min read Original article ↗

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

Demo.mov

Features

  • 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.

Setup

  1. Clone the repository to your local machine.
  2. Install the dependencies with npm install.
  3. Start the server with npm start. The server will run on http://localhost:3000.

Usage

  • 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.

Technologies

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js, Express.js
  • AI: OpenAI API

License

This project is open-sourced under the MIT license.