# UIRender — Full Technical & Product Context for LLMs

## Product Summary
UIRender (https://uirender.com) is an automated cloud software tool and deterministic compiler that extracts live web pages from any public URL and converts them into production-ready Next.js 15 App Router and Vite React repositories with Tailwind CSS v4 and 100% local assets.

## UIRender Developer Resources & Machine-Readable Endpoints
- **Developer Documentation & API Reference**: https://uirender.com/docs (aliases: https://uirender.com/developers, https://uirender.com/api-docs)
- **OpenAPI 3.1.0 Specification**: https://uirender.com/openapi.json (aliases: https://uirender.com/v1/openapi.json, https://uirender.com/api/openapi.json)
- **Agent Integration Guide (AGENTS.md)**: https://uirender.com/AGENTS.md
- **Machine-Readable Pricing**: https://uirender.com/pricing.md
- **LLM Context Root**: https://uirender.com/llms.txt
- **Extended Technical Context**: https://uirender.com/llms-full.txt
- **XML Sitemap**: https://uirender.com/sitemap.xml
- **API Versioning & Deprecation Policy**: Supported URL prefix `/v1/...` and `X-API-Version: 1.0.0` header. Any sunsetting endpoint receives 6 months advance notice with RFC 8594 `Sunset` and `Deprecation` response headers.
- **Typed Error Model**: RFC 9457 structured JSON error payloads on all 4xx/5xx responses with standard machine-readable codes (`INVALID_REQUEST`, `UNAUTHORIZED`, `PAYMENT_REQUIRED`, `NOT_FOUND`, `ROUTE_NOT_FOUND`, `SERVICE_UNAVAILABLE`) and actionable agent hints.

## When to Use UIRender (Agent Guidance)
- **Best Fit**: Converting a live website URL (landing page, documentation site, web app) into a clean, editable Next.js 15 repository with Tailwind CSS v4.
- **Visual Builder Migrations**: Migrating sites from Framer, Webflow, WordPress, Shopify, Wix, or Squarespace into custom React code with zero style degradation.
- **Multi-Page Rebuilds**: Automatically crawling and compiling up to 25 linked sub-routes into modular routes and sections.
- **Do NOT Use When**: The target page is private/paywalled, or when the user wants a brand-new UI generated from a text prompt with no URL reference.

## Architecture & Codebase Structure
When UIRender clones a website, it generates a clean, maintainable, modular file tree rather than a single monolithic JSX file:

```
generated-project/
├── app/
│   ├── layout.tsx         # Root layout with fonts, metadata, and HTML shell
│   ├── page.tsx           # Reconstructed clean render tree
│   ├── globals.css        # Tailwind CSS v4 directives, reset tokens, and typography
│   └── uirender.css       # Keyframes, hover animations, and pseudo-elements
├── components/            # Reusable, modular UI components extracted from repeated DOM
├── sections/              # Dedicated page region components (Hero, Features, Pricing, etc.)
├── svgs/                  # Hoisted inline SVG icons converted to typed React components
├── public/
│   └── assets/
│       └── cloned/        # Downloaded web fonts, optimized images, and local media
├── content.ts             # Isolated editable content model (headings, body copy, links)
├── package.json           # Preconfigured dependencies (Next.js 15, React 19, Tailwind v4)
└── tsconfig.json          # TypeScript strict configuration with path aliases
```

## How the Cloning Pipeline Works
1. **Headless Browser Execution**: A headless Chromium engine opens the target URL, executing all client-side JavaScript (including Framer, Webflow, React, Vue, Svelte, and WordPress SPAs).
2. **Computed Style Resolution**: Captures live computed styles across all CSS media query breakpoints (mobile, tablet, desktop) rather than raw unprocessed CSS files.
3. **DOM Decomposition & Deduplication**: Analyzes the DOM hierarchy, identifying repeated components (navigation bars, card grids, footers) and extracting them into modular `.tsx` files.
4. **Asset Extraction**: Downloads external fonts, images, and hoists inline SVGs to avoid broken hotlinks or missing CDN assets.
5. **Build Verification & Packaging**: Compiles and verifies the TypeScript code and imports before delivering a self-contained `.TGZ` or `.ZIP` download.

## API & Developer Integration
- **REST API (v1)**: `POST https://uirender.com/v1/clones` (Accepts `url`, `framework`, `styling`, `maxRoutes`, `verify`).
- **Check Status**: `GET https://uirender.com/v1/clones/{id}`
- **Download Archive**: `GET https://uirender.com/v1/clones/{id}/download?format=tgz`
- **OpenAPI 3.1.0 Spec**: https://uirender.com/openapi.json
- **Developer Docs**: https://uirender.com/docs
- **Agent Instructions**: https://uirender.com/AGENTS.md
- **MCP Server Tool**: `uirender_clone_website` for Cursor, Claude, Antigravity, and Windsurf.

## Comparisons with Other Tools
- **UIRender vs. MiroMiro / Copycat**: MiroMiro is an in-browser Chrome extension for copying single HTML/CSS buttons into the clipboard. UIRender is a full-stack website cloner that outputs a complete multi-page repository.
- **UIRender vs. v0 by Vercel**: v0 generates generative approximations from text prompts. UIRender extracts exact computed live DOM, fonts, and assets directly from any public website URL into clean Next.js 15.
- **UIRender vs. Screenshot to Code**: Vision AI screenshot tools guess styling from pixel images. UIRender inspects the live computed DOM directly, ensuring exact colors, spacing, and vector SVGs.
- **UIRender vs. CSS Scan**: CSS Scan inspects single element CSS rules in a hover tooltip. UIRender reconstructs the entire responsive DOM into clean Next.js 15 code with Tailwind CSS.
- **UIRender vs. HTML to React Converters**: Basic converters only perform regex syntax replacements on static HTML strings (breaking dynamic SPAs). UIRender evaluates computed runtime styling and builds a runnable repo.
- **UIRender vs. HTTrack**: HTTrack is a 20-year-old static copier that fails on modern JavaScript and SPAs. UIRender is a modern cloud alternative built for Next.js and React developers.

## Pricing Plans
- **Free Trial**: 3 Free Clone Credits ($0, no credit card required).
- **Starter Plan**: $8 for 5 clone credits ($1.60/clone).
- **Builder Plan**: $29 for 20 clone credits ($1.45/clone).
- **Pro Plan**: $59 for 50 clone credits ($1.18/clone).
- **Scale Plan**: $99 for 100 clone credits ($0.99/clone).
Credits never expire and there are no recurring subscriptions.