Design & UX
A curated collection of over 60,000 free fonts for designers, with licenses that vary from font to font.
A curated educational resource for web developers to learn about web accessibility, including quick wins, testing strategies, and best practices.
A living style guide and pattern library focused on accessibility, providing accessible components, HTML markup, and SCSS/CSS code examples.
A11ygator is a web accessibility validation tool designed to help developers identify and fix accessibility issues on their websites.
A weekly newsletter curating web accessibility news, tips, and resources to help developers and designers improve digital inclusion.
Generates accessible variations of a brand color that meet WCAG AA or AAA contrast against light and dark backgrounds.
Create, explore, and share color palettes and themes. Generate palettes from images, check color contrast, and simulate color blindness.
A digital typography library providing access to over 30,000 licensed fonts for personal and commercial use in web and desktop applications.
A search engine for 459k+ free SVG icons across 240+ libraries. Download in SVG, PNG, or JSX formats without sign-up.
A JavaScript library that simplifies accessibility by providing utilities for focus management, DOM interaction, and polyfills for web standards.
A library of 4000+ customizable animated icons available in Lottie and SVG formats, designed for easy integration into web projects.
Generate modern CSS gradients with OKLCH and Display-P3 color support, perceptual interpolation, and multi-platform code export.
A web-based tool for designing professional App Store and Google Play Store screenshots with customizable templates, device frames, and backgrounds.
A collection of ambient gradients built using layered CSS blend modes for web interfaces.
A curated collection of accessibility (A11y) tools, articles, books, courses, and resources for web developers and designers.
Automated accessibility testing solution with AI capabilities for web and mobile applications to identify and remediate compliance issues.
A wireframing and prototyping tool designed for rapid UI structure planning and interactive design iteration.
A collection of diverse, high-quality digital illustration packs featuring Black people for use in websites, web applications, and mobile apps.
A design tool for creating and customizing illustrations from global artists, with integration for design software like Figma and Sketch.
An official, high-quality open source SVG icon library designed to work seamlessly with Bootstrap and other web projects.
A collection of 3,500+ free web icons, plus 50,000+ Pro variations, available as SVG, icon fonts, and framework packages.
A curated marketplace and resource network offering design assets, code snippets, plugins, and software deals for developers and designers.
AI app icon generator for macOS, Android, and favicons, plus free asset and favicon generators, with per-download credits.
A web-based visual design platform for creating graphics, presentations, videos, and documents with integrated AI-powered editing tools.
A web-based tool for creating and sharing high-quality, customizable images of source code snippets.
A CSS stylesheet that highlights common accessibility errors and warnings directly in the browser during development.
An icon library featuring over 1600 consistent, high-quality icons across multiple styles and categories for web and software development.
A web-based tool for styling and formatting screenshots with customizable padding, shadows, blur, and background effects.
A web-based utility to verify color contrast ratios against WCAG 2.1 accessibility standards for text and UI elements.
A color reference tool providing color model conversions, palette generation, and CSS code snippets for web development.
A curated collection of color palettes for designers and artists.
A web-based tool for checking color contrast ratios against WCAG 2.1 accessibility standards.
An AI-powered toolkit for generating, customizing, and exporting color palettes, gradients, and UI themes for web and mobile development.
ColorKit is a color palette generator and analyzer featuring AI tools, an image color picker, contrast checker, and gradient maker for web developers.
AI-powered tool that generates color palettes from text prompts, images, or hex codes for design projects.
An AI-powered color palette generator that uses deep learning to extract color schemes from images, movies, and art.
A collection of color palettes featuring unique and humorous descriptive names for each color.
Color toolkit with curated palettes, an image color extractor, a WCAG and APCA contrast checker, a Tailwind scale generator, and gradients.
A web-based tool for generating color palettes and CSS gradients from a single input color.
Browser extension providing an eyedropper, color picker, and CSS gradient generator for web development.
A visual comparison tool that overlays design mockups onto live websites to identify discrepancies between design and implementation.
A web-based tool to calculate color contrast ratios and verify compliance with WCAG accessibility standards.
A fast, intuitive color palette generator for designers and creators, featuring image extraction, contrast checking, and AI-powered suggestions.
A design resource library offering UI kits, templates, illustrations, mockups, and fonts for designers and developers.
A web-based tool for generating linear and radial CSS gradient backgrounds with real-time code output.
A collection of over 700 customizable UI icons available in pure CSS, SVG, Figma, and other formats.
A large online repository of 101,000+ fonts (freeware, shareware, demo, and public domain), categorized by style and theme.
A curated collection of over 9,600 service and application icons designed specifically for dashboards and app directories.
A curated library of over 300 digital design tools, assets, and educational resources for designers and developers.
A set of icons representing programming languages, designing, and development tools available as a font or SVG code.
A collection of over 1,300 open-source SVG icons representing popular developer tools, programming languages, and frameworks.
An open source avatar library and HTTP API that generates deterministic profile pictures and vector graphics using custom seeds.
A dark color scheme available for over 400 applications, including code editors, terminals, and browsers.
Open-source, privacy-first diagramming application for teams and developers to create, embed, and collaborate on technical diagrams.
Collection of hand-drawn 2D and 3D illustrations, icons, and animations available in vector, SVG, and PNG formats for web and application design.
A comprehensive library of gradient backgrounds, color palettes, and design tools for web developers and designers.
A creative asset library offering unlimited downloads of stock photos, videos, music, fonts, templates, and integrated AI generation tools.
A suite of browser-based font utilities including format conversion, @font-face generation, unit calculators, and a cloud-based font manager.
Virtual whiteboard tool that lets you sketch hand-drawn style diagrams stored locally in the browser.
A collection of simply beautiful open source icons designed on a 24x24 grid with a consistent 2px stroke width.
Collaborative interface design, prototyping, and development platform for teams.
A massive database of vector icons and stickers available in PNG, SVG, EPS, PSD, and CSS formats for web and app design.
A web-based prototyping tool for designing high and low fidelity web and mobile application interfaces with real-time collaboration.
A comprehensive icon library and toolkit providing scalable vector icons for web and application development.
A curated repository of high-quality, free fonts licensed for commercial use, including webfont generation and font identification tools.
A web-based tool for generating custom icon fonts from SVG files.
A comprehensive repository for downloading free fonts and generating custom text styles for various design and development projects.
Convert SVG and PNG icons into WOFF2 icon fonts locally in your browser. Private by design with optional CDN publishing.
A tool that uses deep learning to generate aesthetic font pairings with a single click.
A curated collection of Google Font pairings and design resources for web and graphic design projects.
A searchable archive of typography in use, showcasing how typefaces are applied in real-world design projects across various media.
A curated repository of free-to-download typefaces and fonts for design projects.
A large repository of downloadable fonts featuring various license types, including GNU/GPL, freeware, and personal use options.
A collection of high-quality, free-to-use fonts provided by the Indian Type Foundry for professional design projects.
Library of open-source fonts bundled into self-hosted npm packages for web projects.
A repository of designer-centered, clearly licensed free fonts with customizable previews and direct downloads.
A curated directory of design resources, including AI tools, Figma assets, Framer templates, and UI/UX inspiration.
A curated collection of high-quality typefaces and fonts available under free licenses.
A collection of CC0 licensed SVG illustrations and icons for web and design projects.
A large collection of free and premium icons and illustrations in SVG, PNG, and vector formats for web and app design.
A newsletter service providing exclusive, high-quality CC0 licensed photography delivered via email on weekdays.
A curated directory of free design resources including icons, illustrations, photos, videos, colors, typography, and UI components.
Saves real websites to a collection that your AI can search for design references, with fonts, colors, and layout details.
A library of 27,000+ vector illustrations in 28 packs (4 free), in SVG, PNG, and Adobe Illustrator formats.
A free and open source web-based font editor designed for hobbyists and typeface design beginners to create and export custom fonts.
A library of open-source web fonts for use in web design and development.
A web-based tool for creating perceptually uniform gradients across multiple color spaces to avoid banding and gray dead zones.
A free platform for color inspiration featuring thousands of hand-made linear and radial gradients for designers and artists.
A collection of curated CSS gradients with live previews on common UI elements.
A web-based generator for creating unique SVG design assets like blobs, waves, and geometric patterns.
A color palette inspiration site that demonstrates how to apply specific color combinations to real-world design elements and layouts.
A collection of customizable, repeatable SVG background patterns for web design projects.
A set of free, open-source SVG icons for web development, designed by the creators of Tailwind CSS.
UI kits, components, and Figma templates for modern web projects and applications.
A customizable quick reference tool for Web Content Accessibility Guidelines (WCAG) 2 requirements, success criteria, and implementation techniques.
A resource tracking the accessibility support of HTML5 features across major web browsers.
A comprehensive icon library featuring over 60,000 icons in multiple styles, optimized for web and mobile development.
A mix-and-match vector illustration library featuring customizable human characters for design projects.
A web-based developer tool by Raycast to generate customized application icons with fill styles, background effects, and custom icon assets.
A comprehensive search engine for open source SVG icons with editing and download capabilities.
A comprehensive, searchable browser-based explorer for thousands of open-source icon sets.
A collection of over 1,500 pixel-perfect SVG icons (200 free, 1,300+ Pro) designed on a 24x24 grid with a 1.5px stroke.
Unified open source vector icon framework providing access to over 300,000 icons from multiple popular icon sets.
A browser-based editor and library for SVG icons and Lottie animations with keyframe controls, team collaboration, and multi-format exports.
A large collection of free, simple, and scalable vector icons for web and design projects.
An open source icon library providing over 1,600 free vector icons available in SVG, React, React Native, Flutter, CSS, and Figma formats.
A comprehensive design asset library offering icons, illustrations, stock photos, music, and AI-powered editing tools for creatives.
A massive library of over 2 million professional icons across 400+ sets and 30+ styles, including vector source files and customization tools.
A pattern library and blog focused on designing and building accessible, inclusive web interface components.
Open source and MIT-licensed icon pack designed for web, iOS, Android, and desktop applications with SVG support.
A collection of isometric icons designed for web and mobile interfaces.
Client-side browser-based font converter and viewer tool processing files locally.
A curated collection of ten exclusive, high-quality stock photographs released monthly under a CC0 license.
A collection of 320+ minimal, stroked icons with editable paths for design software.
A comprehensive icon library for designers and developers featuring over 31,000 icons in multiple styles, formats, and integration options.
A curated gallery of over 1,200 real and fictional logos searchable by style, industry, and color for brand and design research.
An API service that provides company logos by domain name for integration into web and mobile applications.
Automated brand identity platform that matches startups with curated logo designs, color palettes, and typography based on brand personality.
AI-powered platform for generating custom brand logos and identity assets.
A placeholder image service providing random photos via URL parameters for development and testing purposes.
A collaborative digital type foundry offering a curated collection of unique, high-quality fonts for designers and developers.
Platform for testing, managing, and delivering Lottie vector animations for web and mobile applications.
A community-driven, lightweight, and consistent icon toolkit providing highly optimized SVG icons for various web frameworks.
A library of free, customizable SVG illustrations and clip art for digital design projects.
Design and prototyping platform with tools for wireframing, interactive mockups, developer handoff, and user testing.
A web-based tool for generating and previewing color palettes based on the Google Material Design specification.
A comprehensive library of open-source, customizable icons and symbols designed for digital interfaces and web applications.
Generate device mockups by inserting screenshots into custom frames.
A subscription-based digital asset library offering unlimited downloads of website templates, plugins, graphics, video, audio, and 3D models.
A cloud-based visual collaboration platform for wireframing, diagramming, and UI/UX prototyping.
An arctic, north-bluish color palette designed for optimal focus and readability in code syntax highlighting and UI components.
A large collection of royalty-free vector icons and stock photos for design, presentations, and user interfaces.
A large repository of downloadable fonts and icons with integrated file format conversion tools for web and desktop use.
An open-source color scheme optimized for user interface design elements such as fonts, backgrounds, and borders.
A collection of open-source, hand-drawn illustrations available in SVG, PNG, and GIF formats for personal and commercial use.
A hand-drawn vector illustration library featuring modular components to mix and match characters for various design projects.
Open-source collaborative design agent workspace for generating and editing prototypes using local coding agents, BYOK, or hosted models.
Open-source emoji library providing over 4,400 consistent icons in SVG and PNG formats for designers and developers.
A collection of over 3,000 vector icons available in line, solid, color, and flat styles with an interactive web app for customization.
Library of free vector illustrations, SVG and PNG graphics, 3D models, and animations for web and software design projects.
Web-based pattern generation tool for combining images into high-resolution repeating patterns for print and web.
A collection of browser-based CSS generators for creating gradients, shadows, filters, transforms, borders, patterns, and grid layouts.
Penpot is an open-source web-based design and prototyping platform built for cross-functional teams using standard web technologies like CSS and SVG.
A library of free, high-quality stock photos and videos shared by a global community of creators.
Flexible and extensive icon family designed for use in user interfaces, diagrams, and presentations, available in multiple weights and formats.
Transform screenshots with animated stickers, backgrounds, mockup frames, and export options.
A repository of royalty-free stock images, videos, music, and digital assets shared by a community of creators for use in various digital projects.
Icon pack of about 15,000 vector icons in 6 styles and 50 categories, plus free icons and custom icon design.
A Chromium-based development browser featuring synchronized multi-viewport testing, accessibility auditing, device emulation, and debugging tools.
Advanced prototyping software enabling designers to create complex, multi-device interactions, logic, and animations with AI assistance and clean specs.
An accessible, scalable color system for user interfaces with built-in dark mode support and APCA contrast ratios.
An open source component library for building accessible, high-quality web applications with React.
A web-based utility for generating random colors with adjustable hue and luminosity settings.
A web-based tool for creating high-quality, stylized images of source code snippets for presentations and social media.
A library for including popular icon sets in React projects using ES6 imports to ensure small bundle sizes.
A web-based tool to visualize color palettes and typography on a live website template, featuring a built-in contrast checker and export options.
An open-source, neutral-style icon library designed for developers and designers.
An open-source, browser-based screenshot editor and mockup generator for creating professional graphics, code snippets, and animations.
Auto-generate quality graphics and image assets from ordinary screenshots with custom ambient colors and rotation controls.
A comprehensive collection of icons specifically designed for self-hosted applications and home server dashboards.
A repository of over 36,000 fully customizable icons and illustrations available in SVG, Lottie, and React formats.
A completely free AI logo maker by Shopify for generating and customizing business logos.
Transform plain screenshots into polished visuals with customizable backgrounds, frames, stickers, and text annotations.
Create device mockups, animated videos, and social media graphics with pre-made templates, custom backgrounds, and visual effects.
A collection of SVG icons for popular brands, available for developers and designers.
Automated website accessibility testing tool that crawls pages, groups defects by severity and reach, and provides specific code fixes.
A vector graphics editor and prototyping toolkit designed for macOS, featuring collaborative workspaces and developer handoff tools.
Create stunning code presentations, infographics, and animated videos with interactive code snippets for developers and educators.
An end-to-end accessibility platform providing tools and integrations for design files, code repositories, and live web products.
Free customizable and animated illustrations for websites, apps, and presentations.
Comprehensive icon library providing extensive vector icon families in multiple styles such as light, regular, bold, duotone, and color.
Library of customizable SVG website backgrounds, patterns, icons, and illustrations with copy-and-paste CSS export options.
Vector icon library and search platform offering over 500,000 SVG vectors and icons with vector editing and file optimization tools.
API service to deliver vector icons to web projects using simple tags via Cloudflare CDN.
A curated collection of SVG icons for popular logos and brands, designed for developers and designers to use in web projects.
Desktop SVG asset manager for designers and developers with built-in search, preview, inline editing, URL encoding, and SVGO optimization.
Collection of over 6,200 vector icons designed on a 24x24 grid with customizable stroke widths and formats for web and app development.
An automated logo generator and design tool that utilizes algorithms to create custom brand logos and identity assets based on user inputs.
Generate, customize, and preview custom color scales for Tailwind CSS across UI components.
An online tool to design, edit, and preview color schemes for various terminal emulators.
Comprehensive self-paced workshop and tutorials focused on web accessibility standards, manual testing, semantic HTML, ARIA, and automated testing.
Community-driven effort providing digital accessibility guidelines, checklists, and educational resources.
A web-based tool for generating visually equidistant color palettes, single-hue scales, and divergent scales for data visualizations.
A collection of free, high-quality illustrations and vectors for commercial use, available in SVG and PNG formats.
An open-source library providing over 7,600 brand SVG icons for developers and designers with multiple integration extensions.
A free library of over 21,000 high-resolution 3D icons featuring a consistent lighting and design setup for designers and developers.
A curated directory of over 2,400 design resources, tools, UI kits, icon libraries, and inspiration websites, updated weekly for professionals.
An independent typography resource featuring font recommendations, lookbooks, guides, and web design inspiration.
Browser-based text motion studio to create animated typing text GIFs with live preview and local rendering without server uploads.
Repository of free UI design components, templates, and wireframes for tools like Figma, Sketch, and Adobe XD.
Directory of pre-made UI kits and component libraries for Figma, Framer, Webflow, and code-based projects.
Curated marketplace providing over 14,000 design resources including UI kits, templates, illustrations, and 3D assets to speed up creative workflows.
Curated collection of color gradients for design and development.
Open-source SVG illustration library with customizable colors for websites and applications.
Library of 7,000+ SVG icons, with 1,200+ free Line icons and paid styles, plus 3D and animated icons.
A platform providing a large library of high-resolution, royalty-free stock photography and illustrations for creative use.
A portfolio builder designed specifically for UX designers to create case studies, organize projects, and host personal sites.
A curated directory and showcase of OpenType variable fonts, featuring diverse typefaces with customizable axes such as weight, width, and optical size.
Curated collection of vector illustrations, SVG icons, UI kits, graphic elements, textures, and Photoshop text and photo effects for designers.
AI-powered user testing and simulation plugin for Figma prototypes providing UX performance metrics, heat maps, and accessibility reviews.
AI-powered UI design and wireframing software built for non-designers to quickly create mockups, prototypes, and layouts.
A collection of vector graphics including SVG icons, seamless patterns, and textures for web design and branding projects.
International community developing core web standards and specifications for a consistent digital web ecosystem.
Repository of responsive website templates, UI kits, and WordPress themes for diverse industries.
Suite of evaluation tools that helps authors make web content more accessible to individuals with disabilities and identify WCAG errors.
Web accessibility organization providing resources, training, evaluation tools, and technical assistance for inclusive digital content creation.
Calculate contrast ratios between foreground and background colors to verify compliance with WCAG accessibility standards.
Browser extension to identify fonts on web pages by hovering over text and clicking elements to inspect typography styles.
WebGL-based mesh gradient studio and background generator for web developers and UI designers.