Ui Generator

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.

DEVELOPER_TOOLSAIINTEGRATIONSApify
Try Now →

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

Frequently Asked Questions

Is it legal to scrape job listings or public data?

Yes, if you're scraping publicly available data for personal or internal use. Always review Websute's Terms of Service before large-scale use or redistribution.

Do I need to code to use this scraper?

No. This is a no-code tool — just enter a job title, location, and run the scraper directly from your dashboard or Apify actor page.

What data does it extract?

It extracts job titles, companies, salaries (if available), descriptions, locations, and post dates. You can export all of it to Excel or JSON.

Can I scrape multiple pages or filter by location?

Yes, you can scrape multiple pages and refine by job title, location, keyword, or more depending on the input settings you use.

How do I get started?

You can use the Try Now button on this page to go to the scraper. You’ll be guided to input a search term and get structured results. No setup needed!