VI
Vidi005/Static-Website-AI-Generator
Static Website AI Generator
Static Website AI Generator
Generate front-end static websites and various web UI components through user prompts or image inputs using Gemini AI.
App Usage Instructions
Before using this web app, please follow the steps below.
Obtaining an API Key:
- Create an account and log in at Google AI Dev Site
- Select the free tier option
- Create a project using Google Cloud Studio
- Generate an API key within your project
Using Static Website AI Generator:
- Open the Static Website AI Generator Web App in your browser
- Paste your API key into the designated field
Web App URLs
Screenshots
Features
- Generate static websites from text prompts.
- Generate static websites from both text prompts and image file inputs.
- Dark mode support.
- Localization support (currently available in English and Indonesian).
- Configure AI temperature (randomness) response.
- Select Gemini AI Models.
- Enable/Disable Model Thinking/Reasioning (currently available for Gemini 2.5 Version only).
- Prompt history sidebar (available when the "Save all user data to browser" checkbox is selected).
- Edit the last user input prompt.
- Realtime website preview (accessible from a new tab).
- Realtime generated code preview (HTML, CSS, and JS).
- Copy specific code snippets.
- Export/download generated static website files to your local disk (as a single HTML file or as HTML, CSS, and JS in a compressed ZIP file).
- Reset all user data (including prompt histories and saved Gemini API Key in the browser).
Tech Stack
- React.js with Vite build tool
- Tailwind CSS
- Headless UI
- Animate.css
- i18next
- jsZIP
- Google AI API
- React Dropzone
- React Drag & Drop
- React Syntax Highlighter
- React Router
- SweetAlert2
- Vite Plugin PWA
Known Issues
- Candidate was blocked due to RECITATION error results may occur randomly.
Source: Candidate was blocked due to RECITATION bug
On this page
Contributors
MIT License
Created July 25, 2024
Updated November 26, 2025




