Ui Generator avatar

Ui Generator

Try for free

Pay $30.00 for 1,000 results

Go to Store
Ui Generator

Ui Generator

tinkerbrains/ui-generator
Try for free

Pay $30.00 for 1,000 results

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.

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:

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

  1. Go to the actor's page
  2. Input your prompt and API key
  3. 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

  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
Developer
Maintained by Community

Actor Metrics

  • 4 monthly users

  • 0 No stars yet

  • 38% runs succeeded

  • Created in Dec 2024

  • Modified 23 days ago