Accessible palette creator that builds WCAG-compliant color systems.
Cool Tools
A small collection of useful design tools.
No tools matched that search. Try a broader keyword or tag.
Color
Tailwind color tool for customizing and previewing palettes.
Tailwind CSS shade generator for color scales.
Generates tint and shade scales from a base color.
Tailwind-compatible color palette generator.
Design & Code
Turns a prompt or Figma import into a full app in the browser.
Visual development platform with prompt, website, and Figma-to-code workflows.
AI-first code editor for working alongside AI on real codebases.
Imports Figma frames, creates layout variations, and exports clean frames back.
Turns text prompts into polished, Figma-ready UI designs.
Google AI design tool for generating app UI from prompts and exporting to code or Figma.
Builds production-ready apps from prompts with Figma import support.
Generates code from prompts, images, or Figma and exports to Figma and GitHub.
Agent-driven MCP canvas for generating and iterating on UI visually.
Turns outlines into website wireframes and exports to Figma, Webflow, and React.
Browser-based IDE with prompt-to-code AI for quick experiments.
Designs, prototypes, and exports production-ready code with reusable components.
Turns prompts, sketches, or screenshots into designs for rapid ideation.
AI UX assistant with versatile review and generation tools.
Vercel UI generator that accepts prompts or Figma files and outputs React.
Design Systems
component.gallery/design-systems
Curated index of components across major design systems for research.
Component documentation and isolated UI development for design system handoff.
Design system management, documentation, and code generation platform.
The standard Figma plugin for managing and syncing design tokens.
Quickly scaffolds a base design system with starter components.
Living documentation platform for design systems and style guides.
Iconography
Established icon library with a huge range of icons and styles.
Google Material Symbols icon set with adjustable font-based properties.
Hand-crafted SVG icons by the Tailwind CSS team.
Universal icon framework with more than 200,000 icons from many sets.
Clean and consistent open-source icon set popular in React ecosystems.
Premium icon set with a wide range of styles.
Clean modern icon library with free and pro tiers.
Image Generation
adobe.com/products/firefly.html
Adobe image generator trained on licensed content and integrated with Creative Cloud.
High-quality AI image generation known for artistic and photographic output.
Fast, high-quality AI image generation for visual exploration.
Inspiration
Award-winning web design showcase and benchmark for digital craft.
Curated gallery of dark mode interface design references.
Curated showcase of standout website design filtered by style and type.
Curated collection of minimal and clean web design references.
Massive library of real mobile and web UI screenshots searchable by pattern.
Best practices and UI patterns for AI-powered products.
LLMs
Full-suite AI assistant by OpenAI for writing, coding, analysis, and more.
Full-suite AI assistant by Anthropic with strong reasoning and document handling.
Full-suite AI assistant by Google with deep Workspace integration.
AI-powered research and search engine that is great for staying current.
Markdown
github.com/MarkEdit-app/MarkEdit
Free open-source Markdown editor for macOS with a native lightweight feel.
Free browser-based ASCII wireframe editor for lo-fi mockups and quick prototypes.
Local-first markdown knowledge base for linked notes and long-term thinking.
Classic online text-to-ASCII art generator with dozens of font styles.
Research & Testing
AI-powered research repository for interviews, synthesis, and tagging.
Session replay and product analytics for understanding user behavior.
Typography
Berlin-based foundry known for contemporary experimental typefaces.
Professional font library included with Creative Cloud.
Independent type foundry with versatile display and text typefaces.
ML-powered font pairing generator for finding complementary combinations.
Archive of real-world typography across print, digital, and branding.
Free high-quality fonts from Indian Type Foundry.
Free open-source web font library used across the web.
Historically informed typefaces widely used in editorial and branding.
Independent foundry producing contemporary, high-quality typefaces.
Independent foundry known for expressive display and text faces.
Curated platform for open-source typefaces selected for quality.
Type foundry offering free and premium typefaces popular with designers.
Reference and showcase for variable fonts with rich filtering.
Video & Motion
adobe.com/products/firefly/features/ai-video-generator.html
Adobe video generator built for commercial-safe workflows and Premiere integration.
AI-powered video and podcast editor with transcript-based editing.
Lightweight SVG animation tool for quick motion experiments.
Google video generation model available through Gemini for cinematic clips.
Fast and simple browser-based motion design tool.
Standard workflow for bringing After Effects animations to web and native apps.
High-quality AI video generation known for smooth and realistic motion.
Creates, extends, and edits video clips from prompts or images.
Interactive runtime animation tool for production interfaces across platforms.
Industry-leading AI video generation and creative editing platform.