ai design resources

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

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

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

Animation and UI design skills from Emil Kowalski, distilling years at Vercel and Linear into installable skills for designers and engineers.

Agent-ready React components, screens, and blocks for AI products and SaaS — one dependency-free file each, added by hand or by Claude, Cursor, or v0.

visualize is a skill that stops AI-generated HTML looking agent-made — replacing Inter-and-purple-gradient defaults with on-brand, distinctive output.

Extremely crafted, copy-paste primitives for AI-native interfaces — loading states, thinking traces, streaming text, human-in-the-loop approvals, and more.

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.

A living catalog of 1,000+ React Native UI blocks, each previewed on video and searchable by vibe, with MCP access for your coding editor.

18,500+ real app icons from the App Store and Google Play, browsable by color, style, and category — plus AI generation with on-device preview and export.

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 one-shot AI demo of a canvas-style UI, generated with Qwen 3.8 Max by Alibaba and hosted on the Sulat demo platform.

92 free, copy-paste UI prompts for vibe coders across 15 categories: auth forms, pricing, hero sections, bento grids, dashboards and more.

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

An open SVG brand library with 7,400+ logos and cloud icons — search, copy and ship brand marks via npm packages, CLI, CDN, API or MCP.

OpenAI's developer-blog guide to designing delightful frontends with GPT-5.4 — interface patterns for model-driven products, straight from the team shipping them.

Agent skills that make AI agents genuinely good at building mobile apps — study top-grossing apps via Appllama, then build to a simulator-verified bar.

A Claude Code skills pack for design-adjacent work: curated resource articles, one-click website theme optimization, and design system document generation.

261,740 free hand-drawn SVG icons searchable by synonym — 'oops' finds facepalm, 'deploy' finds rocket — with currentColor and no attribution required.

AI-powered design tool for producing app mockups, website mockups and wireframes in minutes, from first idea to editable design.

An AI-powered style explorer rendering 31+ design styles from the same data, with AI-ready prompts to recreate any aesthetic in your projects.

Production-ready UI transitions for web apps: 43+ crafted motion components to copy and paste, or apply through your coding agent via a skill.

Enter an idea for an app or site and scroll through endless generated design options until one fits.

Browser-based 3D design tool with real-time collaboration, animation, physics and an AI agent for building interactive web experiences.

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.

A collection of 550+ DESIGN.md files that give coding agents a real design system — colors, type, spacing, components and the reasoning behind them.

A curated toolkit of 70+ skills, plugins, MCP servers and CLAUDE.md tricks that make Claude Code output better-looking frontends.

A curated awesome list of 64 AI tools for building beautiful UI and UX, spanning agent skills, apps, MCP servers, design tools and resources.

Design skills, 449 UI prompts, animations, sound effects and audit tools for building professional UI with Codex, Claude and Cursor.

Vercel explains design.md: one public file any coding agent can load to build on-brand pages, plus the eval loop that decided every rule in it.

A marketplace of 51+ production-ready DESIGN.md design system files for Claude, Cursor and Copilot, free to download with live previews.

Beautiful shaders for SwiftUI, React Native and the web — tweak sliders, then export a real .metal file, Skia shader or web component without shader code.

An X/Twitter bookmark manager that auto-tags saves, emails scheduled AI digests, and connects to Cursor and Claude through MCP.

A Claude skill and methodology for faithfully reproducing any website — from static pages to WebGL demos — using real source instead of AI guesswork.

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.

An open-source Codex and Claude skill that turns raster logos into clean motion-ready SVG, then exports animated HTML, GIF and video previews.

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

An open-source library of 250+ animation-ready React components and blocks built with Next.js, Tailwind CSS, Motion and shadcn/ui — with MCP support for AI agents.

A premium gradient collection of 1,100+ smooth, textured, 3D and animated backgrounds, with a shader tool, Figma and Framer plugins, and free downloads.

A library of 2,000+ real website styles paired with AI-readable DESIGN.md files you can feed to Cursor, Claude Code, v0 or Lovable.

A large free library of animated components for modern websites — copy the code, use it in Framer, or connect it through MCP.

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

12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes you can preview live and install with one command.

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

Premium physics-based, cursor-responsive web sections — browse the collection, copy the prompt and paste it into your AI model to ship.

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.

Curated design-engineering skills for accessibility, motion, frontend craft and interface quality, installable via CLI or MCP into your AI agent.

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

A WebGL playground for voice-assistant orbs — 13 presets from Siri Wave to Neural Plasma, audio-reactive tuning and copy-ready code.

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.

An open source supply of generated DESIGN.md style guides for any public domain, shaped from live brand identity and markup via Context.dev.

Search and retrieve 200,000+ icons from 150+ collections as an MCP server for AI agents or a standalone CLI, returning SVG, JSX, or Iconify code.

A prompt library of 286 UI layout prompts across 15 categories — paste one into your AI tool and get clean, ready-to-ship Tailwind CSS markup.

Garry Tan's Claude Code workflow stack — slash commands for office hours, CEO-level plan review, rigorous code review, QA and release automation.

A curated collection of UI/UX animation and interaction details from the world's best iOS and web apps, presented as short looping shots.

Browse design systems extracted from popular websites like Stripe and Linear, packaged as ready-to-use DESIGN.md files for AI coding agents.

A curated collection of ready-to-use DESIGN.md files extracted from 73 real websites, for AI agents that need to generate on-brand UI.

A visual dictionary of UI: describe an element in your own sloppy words and get its real name, API symbol and a paste-ready prompt for your coding agent.

A free Mobbin alternative: browse UI screens and flows of viral apps like Tinder, Duolingo, and Airbnb, then edit any screen with an AI UI designer.

Reunimos — an intelligent memory space built around three moves: collection, deconstruction and discovery.

A GitHub template that turns a URL into a clean Next.js clone — give your AI coding agent one command and it recreates the site.

A modern UI component library built on top of Base UI, shipping 510 particles designed for developers and AI coding agents.

An Agent Skills-format data visualization skill that turns raw data into editorial-quality charts and full HTML reports with a unified visual grammar.

A curated list of useful tools for web-focused design engineers by James Warner, from inspiration galleries to AI coding agents and utilities.

A curated library of 117 scroll-driven website templates with matching AI prompts — copy one, paste it into your AI builder, and ship a site that actually moves.

A React design system for dashboards and agent interfaces — 85 components, 19 chart cards, and 10 Pro templates on Tailwind CSS with editable source.

A Claude and Codex skill for turning UI screenshots and design mockups into faithful HTML/CSS, with asset separation and screenshot-based verification.

An AI agent skill on explainx.ai that audits and upgrades existing websites to premium design standards without breaking functionality.

A comparison site ranking 104 design tools by role and capability, with scores, pricing context and copyable agent instructions.

Home of five free React UI effect libraries — Beam, Orb, Gooey, Metal and Image — built to be installed and wired up by coding agents.

1,808+ hand-picked landing pages from real brands and startups, browsable by builder, framework and page type, with an MCP server for coding agents.

Premium, ready-to-paste website prompts for Lovable, Bolt, Cursor and Claude, covering heroes, footers, sections and animated backgrounds.

An AI marketing studio workspace generating logos, posters, product videos and social assets, with image enhancement and cleanup tools built in.

A single-file React UI kit for AI products, built on shadcn/ui — screens, AI UX patterns and components for founders building with coding agents.

An AI mobile app designer: describe your idea in a chat and get polished iOS and Android app designs in minutes, no designer required.

Cue curates Awwwards-tier components, animations and hero flows, each shipping with AI prompts for Cursor, v0, Bolt and Claude.

A Claude Code design system skill capturing Nothing's visual language — monochrome, typographic and industrial UI on command.

40,000+ premium SVG icons with a web app to manage them and AI coding integrations, independently crafted by a duo in Italy since 2014.

Open-source skill files that stop AI coding agents like Cursor, Claude Code and Codex from shipping generic, slop-looking frontends.

An AI landing page builder that creates stunning designs in seconds — no design skills needed — and exports to both HTML and Figma.

1,000+ gradients spanning grainy textures, smooth blends and abstract animated sets, plus AI-generated backgrounds and a built-in shader tool.

Anthony Fu's collection of Agent Skills, encoding his preferences, experience, and best practices — generated from source docs and kept in sync.

Vercel's AI-powered generative UI tool — prompt in, production-ready React and Tailwind code out. The fastest way from idea to interface.

An AI full-stack app builder that turns prompts into working web applications — chat your way from idea to deployed product.

The AI-first code editor. Multi-file edits, agent mode and codebase-aware chat make building and restyling frontends dramatically faster.