| --- |
| title: Anycoder |
| emoji: 🏢 |
| colorFrom: indigo |
| colorTo: indigo |
| sdk: gradio |
| sdk_version: 5.42.0 |
| app_file: app.py |
| pinned: false |
| disable_embedding: true |
| hf_oauth: true |
| hf_oauth_scopes: |
| - manage-repos |
| --- |
| |
| # AnyCoder - AI Code Generator |
|
|
| AnyCoder is an AI-powered code generator that helps you create applications by describing them in plain English. It supports multiple AI models, multimodal input, website redesign, and one-click deployment to Hugging Face Spaces. The UI is built with Gradio theming for a minimal, modern experience. |
|
|
| ## Features |
|
|
| - **Multi-Model Support**: Choose from Moonshot Kimi-K2, DeepSeek V3, DeepSeek R1, ERNIE-4.5-VL, MiniMax M1, Qwen3-235B-A22B, Qwen3-30B-A3B-Instruct-2507, Qwen3-30B-A3B-Thinking-2507, SmolLM3-3B, GLM-4.1V-9B-Thinking, Gemini 2.5 Flash and Gemini 2.5 Pro (OpenAI-compatible) |
| - Claude-Opus-4.1 (via Poe) |
| - **Flexible Input**: Describe your app in text, upload a UI design image (for multimodal models), provide a reference file (PDF, TXT, MD, CSV, DOCX, or image), or enter a website URL for redesign |
| - **Web Search Integration**: Enable real-time web search (Tavily, with advanced search depth) to enhance code generation with up-to-date information and best practices |
| - **Code Generation**: Generate code in HTML, Python, JS, and more. Special support for transformers.js apps (outputs index.html, index.js, style.css) |
| - **Live Preview**: Instantly preview generated HTML in a sandboxed iframe |
| - **Modify Existing Code**: Use search/replace block format to update generated HTML |
| - **One-Click Deployment**: Deploy your app to Hugging Face Spaces (Gradio, Streamlit, Static HTML, or Transformers.js) with OAuth login |
| - **History & Examples**: Chat-like history of all interactions and quick example prompts for fast prototyping |
| - **Minimal, Modern UI**: Built with Gradio 5.x, using only built-in theming and styling (no custom CSS) |
|
|
| ## Installation |
|
|
| 1. Clone the repository: |
| ```bash |
| git clone <repository-url> |
| cd anycoder |
| ``` |
| 2. Install dependencies: |
| ```bash |
| pip install -r requirements.txt |
| ``` |
| 3. Set up environment variables: |
| ```bash |
| export HF_TOKEN="your_huggingface_token" |
| export TAVILY_API_KEY="your_tavily_api_key" # Optional, for web search feature |
| export DASHSCOPE_API_KEY="your_dashscope_api_key" # Required for Qwen3-30B models via DashScope |
| export POE_API_KEY="your_poe_api_key" # Required for GPT-5 and Grok-4 via Poe |
| export GEMINI_API_KEY="your_gemini_api_key" # Required for Gemini models |
| ``` |
|
|
| ## Usage |
|
|
| 1. Run the application: |
| ```bash |
| python app.py |
| ``` |
| 2. Open your browser and navigate to the provided URL |
| 3. Describe your application in the text input field, or: |
| - Upload a UI design image (for ERNIE-4.5-VL or GLM-4.1V-9B-Thinking) |
| - Upload a reference file (PDF, TXT, MD, CSV, DOCX, or image) |
| - Enter a website URL for redesign (the app will extract and analyze the HTML and content) |
| - Enable web search for up-to-date information |
| - Choose a different AI model or code language |
| 4. Click "Generate" to create your code |
| 5. View the generated code in the Code tab or see it in action in the Preview tab |
| 6. Use the History tab to review previous generations |
| 7. **Deploy to Space**: Enter a title, select SDK, and click "🚀 Deploy App" to publish your application (OAuth login required) |
|
|
| ## Supported Models |
|
|
| - Moonshot Kimi-K2 |
| - DeepSeek V3 |
| - DeepSeek R1 |
| - ERNIE-4.5-VL (multimodal) |
| - MiniMax M1 |
| - Qwen3-235B-A22B |
| - Qwen3-4B-Instruct-2507 |
| - Qwen3-4B-Thinking-2507 |
| - Qwen3-30B-A3B-Instruct-2507 (via DashScope) |
| - Qwen3-30B-A3B-Thinking-2507 (via DashScope) |
| - SmolLM3-3B |
| - GLM-4.1V-9B-Thinking (multimodal) |
| - GPT-5 (via Poe) |
| - Grok-4 (via Poe) |
| - Claude-Opus-4.1 (via Poe) |
| - Gemini 2.5 Flash (OpenAI-compatible) |
| - Gemini 2.5 Pro (OpenAI-compatible) |
|
|
| ## Input Options |
|
|
| - **Text Prompt**: Describe your app or code requirements |
| - **Image Upload**: For multimodal models, upload a UI design image to generate code from visuals |
| - **File Upload**: Provide a reference file (PDF, TXT, MD, CSV, DOCX, or image) for code generation or text extraction (OCR for images) |
| - **Website URL**: Enter a URL to extract and redesign the website (HTML and content are analyzed and modernized) |
|
|
| ## Web Search Feature |
|
|
| - Enable the "Web search" toggle to use Tavily for real-time information (requires TAVILY_API_KEY) |
| - Uses advanced search depth for best results |
|
|
| ## Code Generation & Modification |
|
|
| - Generates code in HTML, Python, JS, and more (selectable via dropdown) |
| - Special support for transformers.js apps (outputs index.html, index.js, style.css) |
| - Svelte apps |
| - For HTML, provides a live preview in a sandboxed iframe |
| - For modification requests, uses a search/replace block format to update existing HTML |
|
|
| ## Deployment |
|
|
| - Deploy generated apps to Hugging Face Spaces directly from the UI |
| - Supported SDKs: Gradio (Python), Streamlit (Python), Static (HTML), Transformers.js |
| - OAuth login with Hugging Face is required for deployment to user-owned Spaces |
|
|
| ## History & Examples |
|
|
| - Maintains a chat-like history of user/assistant interactions |
| - Quick example prompts are available in the sidebar for fast prototyping |
|
|
| ## UI/UX |
|
|
| - Built with Gradio 5.x, using only Gradio's built-in theming and styling (no custom CSS) |
| - Minimal, uncluttered sidebar and interface |
|
|
| ## Environment Variables |
|
|
| - `HF_TOKEN`: Your Hugging Face API token (required) |
| - `TAVILY_API_KEY`: Your Tavily API key (optional, for web search) |
| - `GEMINI_API_KEY`: Your Google Gemini API key (required to use Gemini models) |
|
|
| ## Project Structure |
|
|
| ``` |
| anycoder/ |
| ├── app.py # Main application (all logic and UI) |
| ├── requirements.txt |
| ├── README.md # This file |
| ``` |
|
|
| ## License |
|
|
| [Add your license information here] |
