Generate front-end static websites and various web UI components through user prompts or image inputs using Gemini AI.

Before using this web app, please follow the steps below.

1. Create an account and log in at Google AI Dev Site
2. Select the free tier option
3. Create a project using Google Cloud Studio
4. Generate an API key within your project

1. Open the SWAG Web App in your browser
2. Paste your API key into the designated field

• swag-preview.vercel.app
• swag-preview.pages.dev

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

• 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

• Candidate was blocked due to RECITATION error results may occur randomly.
  Source: Candidate was blocked due to RECITATION bug