Ui Generator
Pricing
$30.00 / 1,000 results
Go to Store
Ui Generator
Get UI designs for your app ideas. Get HTML + TailwindCSS code and a full screenshot of the design in output data. You will need a Anthropic Claude API Key to add in environment variables.
0.0 (0)
Pricing
$30.00 / 1,000 results
3
Total users
7
Monthly users
2
Runs succeeded
>99%
Last modified
14 days ago
UI Generator Apify Actor
Generate beautiful, modern UI designs from text descriptions using Claude AI.
Features
- Generate complete HTML/CSS/JS code from text descriptions
- Customizable style preferences
- Production-ready code using Tailwind CSS
- Responsive design out of the box
- Caching support for faster responses
- Detailed error handling and logging
Input
1{ 2 "prompt": "A modern landing page for a fitness app", 3 "claude_api_key": "your-api-key", 4 "style_preferences": { 5 "colorScheme": "light", 6 "style": "minimal" 7 } 8}
Output
The actor outputs:
- Generated HTML code in the dataset
- Cached results in key-value store
- Success/failure status for each generation
Example output:
1{ 2 "html": "<!DOCTYPE html>...", 3 "prompt": "A modern landing page for a fitness app", 4 "success": true 5}
Usage
Via Apify Console
- Go to the actor's page
- Input your prompt and API key
- Run the actor
Via API
1from apify_client import ApifyClient 2 3client = ApifyClient('your-apify-token') 4run_input = { 5 'prompt': 'A modern landing page for a fitness app', 6 'claude_api_key': 'your-claude-api-key' 7} 8 9run = client.actor('username/ui-generator').call(run_input=run_input) 10results = client.dataset(run['defaultDatasetId']).list_items().items
Local Development
- Install dependencies:
pip install -r requirements.txt
- Set up environment variables:
ANTHROPIC_API_KEY=your-key
- Run locally:
python src/actor.py
Deployment
- Install Apify CLI:
npm install -g apify-cli
- Login to Apify:
apify login
- Push to Apify:
apify push
Memory and Compute
- Minimum memory: 256 MB
- Timeout: 300 seconds
- Storage: Uses both Dataset and Key-value store
Error Handling
The actor includes comprehensive error handling:
- Input validation
- API error handling
- Detailed error logging
- Error status in output
