AI Web Page Generator can generate front-end HTML files through AI large models by simply using natural language descriptions or providing a webpage screenshot. It supports the following tech stacks: Html+Tailwindcss, React+Tailwindcss, Bootstrap, Vue+Tailwindcss, Ionic+Tailwindcss, SVG. It can generate beautiful placeholder images through Dall-E 3, and also allows uploading existing HTML files for modification, supporting quick component-level adjustments with one click.
This is the open-source version of the AI Web Page Generator from 302.AI. You can directly log in to 302.AI to use the online version with zero code and zero background, or modify and deploy it yourself according to your requirements.
Generate similar pages through natural language descriptions or webpage screenshots, with real-time desktop preview.
Generate front-end code based on webpage screenshots for desktop view.
Support various tech stacks and component libraries, with precise one-click component modifications.
Real-time mobile view preview available.
Support front-end code generation through natural language or screenshots, including various mainstream tech stacks.
Support precise positioning and modification of specific components to improve development efficiency.
Integrate Dall-E 3 for generating high-quality placeholder images.
Support importing existing HTML files for modification and exporting generated code.
- Chinese Interface
- English Interface
- Japanese Interface
- Support more front-end frameworks and component libraries
- Add more custom style options
- React
- Tailwind CSS
- Shadcn UI
- Clone project
git clone https://github.com/302ai/302_web_page_generator - Install dependencies
npm - Configure 302's API KEY (refer to .env.example)
- Run project
npm run dev - Build and deploy
docker build -t web_page_generator . && docker run -p 3000:80 web_page_generator - Node version 20 or above required
302.AI is an enterprise-oriented AI application platform that offers pay-as-you-go services, ready-to-use solutions, and an open-source ecosystem.β¨
- π§ Comprehensive AI capabilities: Incorporates the latest in language, image, audio, and video models from leading AI brands.
- π Advanced application development: We build genuine AI products, not just simple chatbots.
- π° No monthly fees: All features are pay-per-use, fully accessible, ensuring low entry barriers with high potential.
- π Powerful admin dashboard: Designed for teams and SMEs - managed by one, used by many.
- π API access for all AI features: All tools are open-source and customizable (in progress).
- π‘ Powerful development team: Launching 2-3 new applications weekly with daily product updates. Interested developers are welcome to contact us.