AI tools for UI design & frontend work

An AI design tool that turns sketches, screenshots or PRD text into editable wireframes, high-fidelity screens and full UX flows, with Figma and GitHub export.

An MIT-licensed UI design skill for AI coding agents such as Claude Code and Codex, paired with a gallery of 106 finished interfaces showing the model and prompt behind each.

Replit is a browser-based AI app and website builder: describe an app in chat and its agent writes, runs and hosts it.

Hosted app that turns any site URL into a DESIGN.md token file, pairing a viewport screenshot with scraped page copy for Claude to analyse.

Library of DESIGN.md files describing real sites' colours, type, spacing and motion, written to be pasted into an AI coding agent.

Catalogue of AI image prompts for mockups, illustrations, icons and backgrounds, with the full prompt text and a creator credit on every page.

No-code AI platform that turns a written prompt into a working app or website with database, auth, payments and hosting already wired up.

AI design workspace that turns a prompt, PRD or repo into high-fidelity UI styled by your own design system, ready to hand to a coding agent.

Independent index ranking 101 AI website builders on craft, speed, control and value, with one identical brief per tool and no sponsored slots.

Design inspiration from real products, ready to build — browse 469 captured interfaces and turn any design into a prompt for Claude Code, Codex or Cursor.

An AI platform that turns a prompt into a complete website or web app — layouts, copy, CMS, database, analytics and hosting, refined by chat.

A free community gallery of DESIGN.md design systems — single markdown files that AI coding tools like Cursor and Claude Code read to build consistent UI.

An AI stylist app that turns Instagram, TikTok, and Pinterest screenshots into wearable looks, with virtual try-on, closet organization, and weekly planning.

A free design skill for AI coding agents — Claude Code, Codex, Cursor and more. Gives your agent the design vocabulary to ship crafted UI instead of AI slop.

An AI design workspace with a remixable prompt library for landing pages, UI components and animation styles — with separate modes for humans and agents.

67,000+ screens from 1,480+ top-grossing iOS apps — onboarding, paywalls, and flows with revenue context — so you can study the designs that win.

An open-source, collaborative design agent workspace: start from a brief, generate prototypes that follow your design system, then let your coding agent refine them with the team.

A curated directory of 285 vibe-coding tools across 16 categories, from browser-based app builders and AI agents to code review and testing.

Beautifully designed, copy-paste UI components for AI agent conversations — thinking states, tool calls, streaming text, citations — in React, Vue, and Svelte.

Turns prompts into AI-built HTML landing pages, remix templates and reusable DESIGN.md files for agent-ready design systems.

An AI-native library of cinematic web templates, 3D WebGL scenes and animated gradients — each one copyable into your AI tool as a single prompt.

Google Flow — the AI creative studio built on Google's generative models, for generating and editing video, images and custom creative tools.

Google's experimental AI UI designer — describe the app you want and Stitch drafts editable UI designs for mobile and web, at the speed of AI.

Lusion's self-aware promotional site for a cork coaster, staged as an over-the-top AI product launch with interactive gags and studio-grade motion design.