Ui Generator avatar
Ui Generator

Pricing

$30.00 / 1,000 results

Go to Store
Ui Generator

Ui Generator

Developed by

Sanket Dongre

Sanket Dongre

Maintained by Community

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:

  1. Generated HTML code in the dataset
  2. Cached results in key-value store
  3. 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

  1. Go to the actor's page
  2. Input your prompt and API key
  3. Run the actor

Via API

from apify_client import ApifyClient
client = 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

  1. Install dependencies:
$pip install -r requirements.txt
  1. Set up environment variables:
$ANTHROPIC_API_KEY=your-key
  1. Run locally:
$python src/actor.py

Deployment

  1. Install Apify CLI:
$npm install -g apify-cli
  1. Login to Apify:
$apify login
  1. 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