29 tools
Locale
joshpuckett.me/locale
Preview your locally installed fonts in the browser — with adjustable size, weight, sample text, and background options.
Ooda
ooda.run
Private hosting for internal sites and prototypes. Secure by default, shareable in seconds.
Wonder
www.wonder.design
AI-powered design canvas that outputs real React + Tailwind code. Works with your codebase via MCP — Claude Code, Cursor, and Codex integrations built in.
Spline
spline.design
Spline is a browser-based 3D design tool that makes interactive 3D accessible to web designers without requiring Blender or Three.js skills. You get parametric modeling, timeline animation, event-driven states, and one-click embedding for websites — all with real-time collaboration. An optional AI add-on generates 3D objects and textures from text prompts.
Wiretext
wiretext.app
Wiretext is a browser-based wireframing tool where everything renders as Unicode box-drawing characters — you get a spatial canvas with 30+ pre-built components (buttons, modals, tables, navbars, calendars) and export as plain text, Markdown, or shareable compressed URL links. The output is a text file you can paste into a PR, README, or spec doc without any image dependencies. Open source on GitHub.
OpenPencil
openpencil.dev
Open-source, local-first AI design editor that reads and writes .fig files and exports directly to production code.
Photopea
www.photopea.com
Photopea is a browser-based photo and graphics editor built by a solo developer whose UI matches Photoshop closely enough that Adobe users can start immediately. It handles PSD, AI, PDF, SVG, and CDR formats, stores files locally rather than uploading them, and works offline after the initial load. Free with ads; $9/month removes ads and adds AI credits. No installation, no subscription required for core use.
Recraft
recraft.ai
AI design studio for generating production-quality vector and raster assets with brand consistency.
Google Stitch
stitch.withgoogle.com
Google Stitch is Google Labs' AI UI design tool powered by Gemini 2.5, generating complete design systems, interactive prototypes, and exportable code from text prompts or images. A major March 2026 update added an infinite canvas, voice interaction, a design agent, and an MCP server connecting to Claude Code, Cursor, and Gemini CLI. May 2026 (Google I/O): real-time streaming — the canvas updates as you type rather than generating complete outputs — and simultaneous multi-user editing, the most-cited missing feature. Free with 350 generations per month and Figma-format export, no download required. No pricing announced.
Efecto
efecto.app
A design tool where AI agents are first-class, not bolted on. Artboards, layers, auto-layout, and 66 MCP tools — Claude Code, Cursor, and Windsurf can design directly in the canvas. Built on React and Tailwind under the hood, with hosting included. Free.
Kombai
kombai.com
AI frontend agent that designs, codes, and tests in one loop. Kombai reads your existing codebase, generates production-ready React/Next.js, then inspects the live browser output to fix what's broken — without leaving your IDE.
Open Design
open-design.ai
The official open-source, local-first Claude Design alternative. Generate decks, landing pages, dashboards, and brand systems using Claude Code, Codex, Cursor, Gemini, or Qwen — driven by composable skills and portable components.
rams
rams.ai
Automated design reviews on every pull request. Catches accessibility issues and visual bugs in AI-generated code across React, Angular, Vue, and Svelte — expert design feedback baked into your CI pipeline.
Taste
buildwithtaste.com
Captures screenshots of UI you love, extracts design tokens with AI, and builds a taste profile your coding assistants actually use. Bring your aesthetic to every AI-generated build.
Mobbin
mobbin.com
The world's largest library of hand-picked mobile and web UI patterns. Search 300,000+ real app screens from 1,500+ apps by component, flow, or screen type — iOS, Android, and web.
RYBitten
rybitten.space
A color tool and library for exploring painterly, RYB-inspired color mixing on the web. Experiment with gamut presets, palette generation, and color relationships that feel more like paint than pixels.
Avnac
avnac.design
An open-source, local-first browser design editor for posters, social graphics, and layout work. Avnac is a Canva alternative built on React and TypeScript — your files stay on your machine by default. There's also a native desktop version (Avnac Studio) built with Go. No cloud sync unless you want it.
Diffusion Studio
diffusion.studio
A video editor built on an infinite canvas. Create and edit videos with design-tool freedom — multi-track timeline, AI-powered workflows, and export up to 4K. Built for creators and professionals who think in layers.
Symbl
symbl.space
Upload your logo symbol and instantly see how it performs at every scale — from favicon to billboard. Test readability, contrast, and visual weight in seconds before the world does.
AudioCss
www.audiocss.dev
A CSS-like declarative stylesheet language for binding sounds to UI events on the web. Write selectors and cascade rules for audio the same way you already do for visual styles.
Brik
brik.space
AI-powered platform for building reusable motion design tools — describe a visual idea and Brik turns it into a parameterized, remixable system for generating 3D, WebGL, and typographic assets at scale.
FlutterFlow Designer
www.flutterflow.io/designer
AI-powered UI design canvas from FlutterFlow that generates production-quality screens from prompts and connects directly to code output. Available as a macOS app and in-browser.
FontBase
fontba.se
Font manager for Mac, Windows, and Linux. Activates fonts on demand, integrates Google Fonts, and includes a playground for previewing type with CSS export.
Lunagraph
lunagraph.com
A design canvas that outputs production-ready HTML, CSS, and React instead of a static file. Powered by Claude Code. Currently in public beta.
Neuform
neuform.ai
Prompt-to-HTML design tool from Meng To that generates landing pages, mobile screens, motion designs, and reusable design systems — with Figma handoff and React export on paid plans.
Nicelydone
nicelydone.club
SaaS UI inspiration library with 226,200+ real screenshots from 640+ apps, searchable by pattern and draggable straight into Figma.
Phygital+
phygital.plus
Node-based AI design workspace aggregating 30+ AI models for image generation, video, animation, and style transfer in a single platform with team workflows and ready-made templates.
Quiver AI
quiver.ai
AI vector design platform for generating, editing, and animating production-ready SVGs from text prompts or image input. a16z-backed with API access to their Arrow models.
TypeUI
www.typeui.sh
Library of design skill files and UI prompts that give AI coding agents — Claude, Cursor, Codex, Google Stitch — a consistent visual design system to follow when generating interfaces.