VOOZH about

URL: https://apify.com/tinkerbrains/ui-generator

โ‡ฑ Idea to UI Design ยท Apify


Pricing

$30.00 / 1,000 results

Go to Apify Store

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.

Pricing

$30.00 / 1,000 results

Rating

5.0

(1)

Developer

๐Ÿ‘ Sanket Dongre

Sanket Dongre

Maintained by Community

Actor stats

12

Bookmarked

25

Total users

0

Monthly active users

4 months ago

Last modified

Share

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:
$npminstall-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

You might also like

Website Screenshot Generator

apify/screenshot-url

Create a screenshot of a website based on a specified URL. The screenshot is stored as the output in a key-value store. It can be used to monitor web changes regularly after setting up the scheduler.

Google Stitch AI - Design Generator

juzken/stitch-design-generator

Generate UI designs from a text prompt using Google Stitch AI. Returns a Stitch project that you can preview, edit, or export to HTML, Figma, etc...

URL to Screenshot

hulkscrape/url-to-screenshot

An easy way to capture a screenshot of a full webpage

Website Screenshot API - Page Screenshot Generator

code-node-tools/website-screenshot-api

Website screenshot API to capture any webpage as an image. This screenshot API supports full page, viewport, and element screenshots. Website screenshot generator API for automated website screenshot capture, visual testing, monitoring, and thumbnail generation. Reliable page screenshot API.

7

Web Screenshot Api

simplifysme/web-screenshot-api

๐Ÿ“ธ Capture high-quality screenshots of any web page and get them as downloadable images. Perfect for website monitoring, visual regression testing, and UI snapshots.

๐Ÿ‘ User avatar

SimplifySME Toolbox

9

Multi-Resolution Screenshot Tool

incredible_moment/screenshot-tool

Automate website screenshot capture across Mobile, Tablet, and Desktop viewports instantly. Supports full-page capture, custom resolutions, and Base64 output. Ideal for QA and UI testing.

Multi-Resolution Website Screenshot

incredible_moment/screenshot-actor

Automate website screenshot capture across Mobile, Tablet, and Desktop viewports. Supports full-page capture, custom resolutions, and Base64 output. Ideal for QA and UI testing.

๐Ÿ“ธ Website Screenshot Generator

scraper-engine/website-screenshot-generator

๐Ÿ‘ User avatar

Scraper Engine

2

Claude code

agentify/claude-code

Instant access to Claude Code - Anthropic's AI coding assistant running on Apify.

Related articles

AI data collection (how to feed your LLM)
Read more
Scraping job listings data for a competitive edge
Read more
How to use web scraping for online research
Read more