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
4
Total users
8
Monthly users
3
Runs succeeded
>99%
Last modified
5 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
{"prompt": "A modern landing page for a fitness app","claude_api_key": "your-api-key","style_preferences": {"colorScheme": "light","style": "minimal"}}
Output
The actor outputs:
- Generated HTML code in the dataset
- Cached results in key-value store
- Success/failure status for each generation
Example output:
{"html": "<!DOCTYPE html>...","prompt": "A modern landing page for a fitness app","success": true}
Usage
Via Apify Console
- Go to the actor's page
- Input your prompt and API key
- Run the actor
Via API
from apify_client import ApifyClientclient = ApifyClient('your-apify-token')run_input = {'prompt': 'A modern landing page for a fitness app','claude_api_key': 'your-claude-api-key'}run = client.actor('username/ui-generator').call(run_input=run_input)results = 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