design

UIAble

uiable.com

UIAble is a free, open-source React UI library built on Base UI primitives and inspired by the shadcn/ui architecture. It helps you build modern Next.js applications faster with production-ready components, reusable UI blocks, and accessible patterns, all while giving you complete ownership of the code. Key Features: - Built for Next.js and React - Production-ready components and UI blocks - Vivid color system that goes beyond monochrome defaults - Accessible components powered by Base UI primitives - Fully customizable so you can copy, edit, and own the code - Open source with no vendor lock-in - Structured design system for scalable applications - Built for real-world products, not just demos UIAble isn't just another component library. it's a complete foundation for building fast, consistent, and beautiful web applications while keeping full control over your codebase.

Drawgle

drawgle.com

Drawgle is not another generic "AI-to-image" toy. It is a purpose-built design engineering environment designed to bridge the gap between abstract product intent and production-grade mobile interfaces. Most AI design tools fail because they output bloated, "spaghetti" HTML or flattened, static mocks that require manual recreation. Drawgle executes differently: it outputs clean, semantic Tailwind CSS and HTML, integrated with a live, token-based design system that survives iteration. The Problem: UI Drift Standard AI generators suffer from "design drift"—every prompt yields a unique, disconnected style that breaks your codebase consistency. Drawgle enforces a singular source of truth. By defining a global set of design tokens—radius, spacing, shadow depth, and color—the platform ensures that when you tweak a button's corner radius or primary color on one screen, the change propagates systematically across the entire application flow. You aren't just generating pages; you are building an evolving UI library. Key Features: * Agent-Ready Output: The output isn't a dead asset. It is clean, structured code ready for direct injection into your repository or hand-off to coding agents like Cursor or Copilot. * Structural Cloning & Style Synthesis: You can upload a reference screenshot to rebuild its layout structure or, more importantly, extract its visual language (typography, mood, surface treatment) to apply it to your own distinct features. * Point-and-Click Refinement: The canvas isn't just a viewer; it is an editor. Select any element—a card, a button, a nav-bar—and prompt for surgical modifications. The system updates the targeted node while preserving the surrounding layout, eliminating the need to "regenerate the whole thing" when you just want a tweak.

Uilens

www.uilens.com

UI Lens is a comprehensive UI component library designed for designers, developers, and product teams looking to speed up the design and development process. It offers a curated collection of high-quality, reusable UI components, widgets, buttons, menus, sliders, forms, cards, and other interface elements that can be easily copied, customized, and integrated into web and mobile projects. Whether you're building a landing page, SaaS dashboard, mobile app, or design system, UI Lens helps reduce repetitive design work while maintaining consistency across projects. The platform includes both free and premium resources, making it suitable for individuals, freelancers, startups, and agencies alike. With searchable categories, customizable components, and modern design patterns, UI Lens enables creators to prototype faster, improve productivity, and deliver polished user interfaces without starting from scratch. It is an excellent resource for anyone seeking inspiration or production-ready UI assets for modern digital products.

Pixroad

www.pixroad.com

Free and premium UI design resources for Figma, Sketch, Photoshop, and Adobe XD. Download Graphics, UI-Kits, Themes, Web Templates and more.

Appthetics

www.appthetics.com

Design mobile apps just by chatting with AI

Canva Color Palette Generator

www.canva.com

Simple tool that extracts a five-color palette from any uploaded photo, ideal for quick brand-aligned graphics.

Huemint

huemint.com

AI-driven palette generator that previews color combinations directly on website, branding, and interior mockups.

Colormind

colormind.io

AI color scheme generator trained on photography and design, capable of building palettes from an uploaded image.

Color Hunt

colorhunt.co

Curated gallery of trending color palettes submitted by designers, searchable by mood, style, and hex value.

Paletton

paletton.com

Classic color-wheel tool for building monochromatic, complementary, and triadic palettes with live design previews.

Khroma

khroma.co

AI-powered color tool that learns your taste from 50 picks and then generates infinite palettes tailored to your style.

Adobe Color

color.adobe.com

Color wheel and palette tool that applies classic color-theory rules and includes built-in accessibility contrast checking.

Coolors

coolors.co

Fast color palette generator that lets you spacebar-cycle through schemes, lock favorites, and extract palettes from images.

FontBase

fontba.se

Free desktop font manager for organizing, previewing, and activating large font collections across projects.

DaFont

www.dafont.com

Long-running archive of free fonts in every style, from display and handwriting to dingbats, organized by category.

Bunny Fonts

fonts.bunny.net

Privacy-focused, GDPR-compliant alternative to Google Fonts CDN that serves the same open fonts without tracking.

MyFonts

www.myfonts.com

Large font marketplace where independent foundries sell licensed typefaces for print, web, and app use.

Font Squirrel

www.fontsquirrel.com

Curated directory of free, commercial-use fonts plus a webfont generator that converts desktop fonts into web-ready formats.

Fontshare

www.fontshare.com

Free, professional-quality typeface collection from the Indian Type Foundry, licensed for personal and commercial use.

Adobe Fonts

fonts.adobe.com

Subscription font library bundled with Creative Cloud, offering one-click activation of thousands of professional typefaces.

Google Fonts

fonts.google.com

Free, open-source library of webfonts with instant CDN delivery, used across millions of websites and apps.

Pixelied

pixelied.com

Online graphic design and mockup tool combining templates, icons, and a simple editor for quick marketing visuals.

Mockey

mockey.ai

Free AI-powered mockup generator with thousands of templates for devices, apparel, and packaging, with automatic alignment.

Artboard Studio

artboard.studio

Browser-based mockup builder with 3D scenes and customizable templates for showcasing apps, products, and branding.

Mockup World

www.mockupworld.co

Curated directory of free, high-quality PSD mockups for devices, branding, and packaging contributed by the design community.

Mediamodifier

mediamodifier.com

Online mockup and design tool offering templates for devices, packaging, apparel, and social media graphics.

Mockuuups Studio

mockuuups.studio

Drag-and-drop mockup generator with thousands of device and lifestyle scenes, plus Figma and Photoshop plugins.

Placeit

placeit.net

Huge template library for device, apparel, and branding mockups plus video templates, owned by Envato.

Smartmockups

smartmockups.com

Browser-based mockup generator that drops your designs into photorealistic device, apparel, and product scenes in seconds.

Freepik

www.freepik.com

Large stock platform offering vectors, illustrations, photos, and AI-editing tools for designers and marketers.

IRA Design

iradesign.io

Gradient-style illustration library aimed at tech startups, offering free and premium scenes for landing pages and apps.

Open Peeps

www.openpeeps.com

Hand-drawn, CC0-licensed illustration library of mix-and-match people, free to use with no attribution required.

DrawKit

www.drawkit.com

Curated illustration packs organized by theme, with free SVG/PNG samples and premium packs that include Figma files and animations.

Humaaans

www.humaaans.com

Free library of mix-and-match human illustrations by Pablo Stanley, designed to be combined into diverse custom scenes.

Blush

blush.design

Mix-and-match illustration platform where you can swap characters, poses, and colors from many illustrators to build a custom scene.

Storyset

storyset.com

Freepik's illustration platform offering thousands of customizable, animatable scenes for websites, apps, and presentations.

unDraw

undraw.co

Open-source library of consistent, minimal SVG illustrations that can be instantly recolored to match any brand palette.

Streamline

www.streamlinehq.com

Large, multi-style icon and illustration system with desktop apps for organizing and customizing assets across projects.

Phosphor Icons

phosphoricons.com

Flexible open-source icon family with multiple weights and styles, designed to feel consistent across an entire product.

Lucide

lucide.dev

Open-source, community-maintained icon library known for its clean, consistent stroke-based style and easy framework integrations.

Iconify

iconify.design

Unified icon framework that gives developers access to over 200,000 open-source icons from many sets through one consistent API.

The Noun Project

thenounproject.com

Searchable library of millions of simple, consistent icons created by a global community of independent designers.

Font Awesome

fontawesome.com

The web's most widely used icon toolkit, providing scalable vector icons as webfonts or SVGs for developers and designers.

Icons8

icons8.com

All-in-one visual asset platform offering icons, illustrations, and photos with built-in editing and design app plugins.

Flaticon

www.flaticon.com

Massive online library of free and premium vector icons and stickers in dozens of styles, with on-site color editing.

Pidoco

pidoco.com

Online wireframing and prototyping tool aimed at UX teams that need quick, clickable mockups with stakeholder review workflows.

MockFlow

mockflow.com

Wireframing and planning suite with a wide library of UI components, sitemaps, and design-system management tools.

Visily

www.visily.ai

AI-assisted wireframing tool that can turn screenshots or sketches into editable, ready-to-use wireframes in seconds.

Lucidchart

www.lucidchart.com

Visual collaboration platform for wireframes, flowcharts, and diagrams, with deep integrations into Microsoft and Google Workspace.

Wireframe.cc

wireframe.cc

Extremely minimal browser-based wireframing tool that strips away distractions so teams can sketch layouts in seconds.

Moqups

moqups.com

All-in-one online tool for wireframes, mockups, diagrams, and prototypes on a single infinite canvas with real-time collaboration.

Whimsical

whimsical.com

Visual workspace for quickly sketching wireframes, flowcharts, and mind maps together with a team in a fast, lightweight editor.

Balsamiq

balsamiq.com

Low-fidelity wireframing tool that deliberately mimics hand-drawn sketches, helping teams focus on structure and flow before visual polish.

Flinto

www.flinto.com

Mac prototyping tool focused on smooth, native-feeling transitions, scroll behaviors, and micro-interactions for mobile app design.

Proto.io

proto.io

Cloud-based prototyping platform for building fully interactive, app-like prototypes for mobile and web without any coding.

Origami Studio

origami.design

Meta's free prototyping tool that uses a node-based patch editor to create complex, realistic interactive prototypes for mobile and web.

Principle

principleformac.com

Mac app for designing animated and interactive user interfaces, letting designers choreograph transitions and gestures with a timeline editor.

ProtoPie

www.protopie.io

No-code interaction design tool that lets designers build sensor-based, conditional, and highly realistic micro-interactions and prototypes.

Axure RP

www.axure.com

Advanced prototyping tool for building highly interactive, logic-driven wireframes and specs without writing code, popular with enterprise UX teams.

InVision

www.invisionapp.com

Prototyping and collaboration platform that turns static screens into clickable, shareable prototypes with comments and stakeholder feedback tools.

Inkscape

inkscape.org

Free, open-source vector graphics editor for creating and editing SVG illustrations, logos, and diagrams with a strong community plugin ecosystem.

Procreate

procreate.com

Full-featured digital painting and illustration app built specifically for iPad, beloved by artists for its natural brush engine and speed.

CorelDRAW

www.coreldraw.com

Long-standing vector illustration and page layout suite popular in print, sign-making, and packaging design workflows.

Affinity Designer

affinity.serif.com

Professional vector and raster illustration app sold as a one-time purchase, offering a fast, native alternative to subscription design suites.

Adobe Illustrator

www.adobe.com

Professional vector graphics editor used for logos, icons, illustrations, and print artwork, with precise pen-tool and typography controls.

Marvel

marvelapp.com

Simple design and prototyping app that turns static screens into clickable prototypes and user-testable flows in minutes.

Justinmind

www.justinmind.com

Desktop prototyping tool for designing rich, interactive wireframes and high-fidelity mockups for web and mobile apps without writing code.

UXPin

www.uxpin.com

Design platform that lets teams build interactive, code-backed prototypes using real UI states, variables, and conditional logic instead of static mockups.

Penpot

penpot.app

Open-source, self-hostable design and prototyping platform built on open web standards like SVG, popular with teams that want full control of their data.

Framer

www.framer.com

Design tool that blends high-fidelity UI design with real interactive prototypes and one-click publishing to a live, responsive website.

Sketch

www.sketch.com

Mac-native vector design app that pioneered modern UI design workflows, with symbols, reusable components, and a deep third-party plugin library.

Figma

www.figma.com

Browser-based interface design tool with real-time multiplayer editing, components, auto-layout, and a massive plugin ecosystem used by most modern product teams.