Collection of modern UI components and micro-interactions ready to copy into Tailwind CSS and React projects; follows… in CSS & UI Kits →
Design
Colour, type, icons and interfaces: the tools and inspiration of visual design.
128 links
Curated library of expressive UI components with polished animations for modern web apps; emphasizes visual craft and… in CSS & UI Kits →
A community-contributed gallery of open-source UI elements: buttons, cards, loaders, toggles. in CSS & UI Kits →
Google’s open design system and UI guidelines — the basis of the Android interface. in Mobile & Desktop →
Embeds vector animation into an app. Unlike Lottie the animation carries a state machine and reacts to user… in Mobile & Desktop →
Repository of thousands of CC BY vector icons (SVG/PNG) customizable in browser; focuses on RPG inventory, spells, and… in Game Development →
Cohesive, huge CC0 game-asset packs, free and unrestricted to use. in Game Development →
Lightweight desktop voxel art editor with a built-in GPU path-tracing renderer; enables rapid block-based 3D creation… in Game Development →
A list of tools and resources for game and graphics development — sprites, tiles, audio, level editors. in Game Development →
A community library of freely licensed (CC) game art and audio. in Game Development →
Trained on Adobe Stock and public-domain work, so commercial legal risk is low. in AI · Generative Media →
A template library and brand kit produce consistent output without design skill. in AI · Generative Media →
One of the few models that renders legible text inside an image. in AI · Generative Media →
Returns the generated image as a layered, editable layout, so unlike the flat raster you get from pure generators you can keep working on it. in AI · Generative Media →
Turns plain prose into flow charts, timelines and comparison graphics as editable vectors. in AI · Generative Media →
Combines generation and editing on one canvas, with region-selective regeneration (inpainting) built into the flow. in AI · Generative Media →
Can output SVG. For logos, icons and illustration that is the fundamental split from raster generators — the result scales and stays editable. in AI · Generative Media →
Bundles design, copy, video editing and scheduling in one app. in AI · Generative Media →
An archive of freely usable images and media. in Science & Academia →
A tool for building colour palettes and tonal scales. in UI Design, Colour & Type →
A list of design principles for better, more consistent designs. in UI Design, Colour & Type →
A resource list covering the design process from concept to product. in UI Design, Colour & Type →
A gallery that awards and showcases outstanding web design. in UI Design, Colour & Type →
An archive of App Store screenshot designs. in UI Design, Colour & Type →
Adobe's portfolio platform presenting full project case studies rather than single shots. in UI Design, Colour & Type →
Actionable UI/UX checklists organised per component and per page. in UI Design, Colour & Type →
A catalogue of ready-to-use colour palettes curated by community votes. in UI Design, Colour & Type →
An AI generator that learns from photos and art to suggest harmonious colour palettes. in UI Design, Colour & Type →
A design resource pairing colour palettes with typography. in UI Design, Colour & Type →
A repository of hand-picked colour palettes, each with a (deliberately over-) descriptive blurb. in UI Design, Colour & Type →
A palette generator — hit space for a new combination, lock what you like and regenerate the rest. in UI Design, Colour & Type →
An inspiration community where designers share work. in UI Design, Colour & Type →
The most widely used tool for interface design, with Dev Mode handing measurements and tokens to developers. in UI Design, Colour & Type →
An interactive palette of harmonious flat colours for frontends. in UI Design, Colour & Type →
Flips through Google fonts one by one against your own text. in UI Design, Colour & Type →
A tool showing Google font pairs that go well together. in UI Design, Colour & Type →
Lets you self-host open-source fonts as npm packages. in UI Design, Colour & Type →
A design tool for building and publishing interactive interfaces and sites. in UI Design, Colour & Type →
Classifies game interfaces by screen type — inventory, map, settings, loading. in UI Design, Colour & Type →
A catalogue of openly licensed typefaces you can download and self-host. in UI Design, Colour & Type →
Click on an uploaded image to get HEX/RGB codes, and extract a palette from it. in UI Design, Colour & Type →
An inspiration gallery for interface design. in UI Design, Colour & Type →
A curated gallery of well-designed websites, filterable by industry, style and colour. in UI Design, Colour & Type →
A searchable library of real mobile and web UI flows captured as screenshots. in UI Design, Colour & Type →
Browser wireframing and prototyping. It lacks Figma’s design depth but is lighter and sufficient for a quick flow or screen sketch. in UI Design, Colour & Type →
A gallery of one-page websites and templates. in UI Design, Colour & Type →
Previews a palette live on a real UI. Unlike palette generators, you see colours in context — text, buttons, background — rather than as swatches. in UI Design, Colour & Type →
A collection of open-source Figma UI design templates. in UI Design, Colour & Type →
A gallery of whole-site design language, collecting sites with strong typography and motion. in UI Design, Colour & Type →
A reference showing the same UI component across different design systems side by side. in UI Design, Colour & Type →
Free UI component designs published daily, with source files downloadable in Figma and Sketch format. in UI Design, Colour & Type →
Design examples organised by section — hero, pricing, FAQ, footer — filterable so you solve one section instead of scanning whole sites. in UI Design, Colour & Type →
Enter a foreground and a background colour and it gives the contrast ratio and whether it passes WCAG AA/AAA for normal… in UI Design, Colour & Type →
A search engine that consolidates several 3D asset sites into one query, filterable by licence and price. in Icons, Photos & Illustration →
An archive of CC0-licensed PBR textures and materials, shipping colour, normal, roughness and displacement maps together. in Icons, Photos & Illustration →
A list of tools and resources for the GIF animated-image format. in Icons, Photos & Illustration →
A list of downloadable SVG/PNG/font icon projects. in Icons, Photos & Illustration →
A list of tools and resources for pixel-level digital art. in Icons, Photos & Illustration →
An icon font of programming language and tool logos, used as technology badges in CVs, slides and READMEs. in Icons, Photos & Illustration →
A simple, consistent open-source icon set at a single stroke weight. in Icons, Photos & Illustration →
A vast icon bank offering millions of vector icons in various styles. in Icons, Photos & Illustration →
The most widely used icon and logo library on the web. in Icons, Photos & Illustration →
Unusual and creative free stock photos. Unlike archives such as Unsplash, its quirky, humorous shots steer clear of the clichéd stock-photo look. in Icons, Photos & Illustration →
A browser tool that generates blobs, waves and layered SVG background shapes. in Icons, Photos & Illustration →
Repeatable SVG background patterns whose colour and opacity you tune, then copy the CSS. in Icons, Photos & Illustration →
A library of human illustrations whose parts you can mix and pose. in Icons, Photos & Illustration →
2,100+ free icons to spice up designs, also usable as an icon font. in Icons, Photos & Illustration →
A library unifying 100+ icon sets under one API/component. in Icons, Photos & Illustration →
A site with 316 free icon collections, all by a single designer. in Icons, Photos & Illustration →
A broad asset source offering icons, illustrations, photos and music in various styles. in Icons, Photos & Illustration →
A large collection bringing together icons, illustrations and 3D assets. in Icons, Photos & Illustration →
Free illustrations with editable colours and objects. in Icons, Photos & Illustration →
A line-style icon set of 31,000+ icons, free and premium together; the full set needs a subscription. in Icons, Photos & Illustration →
A service returning placeholder photos at any size (the lorem ipsum of images). in Icons, Photos & Illustration →
An archive and editor of lightweight JSON-based vector animations. in Icons, Photos & Illustration →
An icon library of over 1,600 SVG icons with ready packages for React, Vue and Svelte. in Icons, Photos & Illustration →
A free illustration gallery with editable colour. in Icons, Photos & Illustration →
High-quality free photos of Black and Brown people. in Icons, Photos & Illustration →
Pablo Stanley’s hand-drawn, CC0 illustration library. in Icons, Photos & Illustration →
An openly licensed emoji library in one design language. in Icons, Photos & Illustration →
A stock source offering free photos and videos together. in Icons, Photos & Illustration →
An archive of free and premium stock photos started by photographer Viktor Hanáček. in Icons, Photos & Illustration →
A royalty-free bank gathering photos, illustrations, vectors and video in one place. in Icons, Photos & Illustration →
An archive of public-domain (copyright-free) stock photos. in Icons, Photos & Illustration →
A consistent open-source icon set coming in both line and solid styles. in Icons, Photos & Illustration →
Searches by visual similarity rather than keywords — you hand it an image and ask for more like it. in Icons, Photos & Illustration →
Free stock photos with no attribution required, released under CC0. in Icons, Photos & Illustration →
Freepik’s set of free, editable illustrations (Storyset); you can recolour them and download them animated. in Icons, Photos & Illustration →
A searchable archive of millions of icons and symbols, with several visual takes on each concept. in Icons, Photos & Illustration →
An openly licensed illustration set whose colour you can change to your brand. in Icons, Photos & Illustration →
One of the largest free sources of high-resolution, royalty-free photographs. in Icons, Photos & Illustration →
A service searching millions of free stock images in one place, with search by colour. in Icons, Photos & Illustration →
The online edition of draw.io, saving to Drive, OneDrive or local disk rather than keeping your file on its own server. in Media, Files & Diagrams →
A free tool for flowcharts and diagrams. Unlike Lucidchart it is entirely free and lets you keep diagrams in your own repository or cloud. in Media, Files & Diagrams →
A hand-drawn-style whiteboard. Looking deliberately rough is functional rather than stylistic — it stops a draft… in Media, Files & Diagrams →
A font creation and editing program that converts between TTF, OTF and WOFF and lets you work on glyph hinting. in Media, Files & Diagrams →
A full-featured image editor that is the open-source alternative to Photoshop. in Media, Files & Diagrams →
A vector editor that uses SVG as its native format. in Media, Files & Diagrams →
A painting program for digital art and concept work, with a strong brush engine and frame-by-frame animation. in Media, Files & Diagrams →
An online tool for diagrams and flowcharts with team collaboration. in Media, Files & Diagrams →
A tool generating flowcharts and diagrams from text — “Markdown for diagrams”. in Media, Files & Diagrams →
Generates diagrams from text; GitHub and GitLab render Mermaid natively. in Media, Files & Diagrams →
A real-time, infinite whiteboard for diagrams and brainstorming. in Media, Files & Diagrams →
An image editor in the browser that opens PSD, XCF, Sketch and XD files with their layers intact. in Media, Files & Diagrams →
A pixel art and sprite animation editor in the browser. in Media, Files & Diagrams →
A tool for drawing pixel art in the browser, with drawings shareable with the community. in Media, Files & Diagrams →
Cloud-based image-editing tools that run in the browser. in Media, Files & Diagrams →
Generates Sankey flow diagrams from text input, for energy, budget or funnel flows. in Media, Files & Diagrams →
A tool converting pixel images like PNG/JPG into vectors (SVG). in Media, Files & Diagrams →
A tool combining flowcharts, wireframes, sticky notes and mind maps on one canvas. in Media, Files & Diagrams →
One of the world’s most widely read architecture publications — daily projects, drawings and material news. in Architecture & Building →
An architecture and design platform gathering projects, products and brands in one place. in Architecture & Building →
A long-running community site gathering architecture news, jobs and discussion. in Architecture & Building →
A platform indexing architecture projects alongside building products. in Architecture & Building →
A long-established online magazine covering architecture, design and art broadly. in Architecture & Building →
A magazine covering architecture and design with a journalistic voice. in Architecture & Building →
An archive presenting architecture through photography alone, slow and selective. in Architecture & Building →
The archive of the authoritative Italian magazine on architecture and design, running since 1928. in Architecture & Building →
A real-time visualisation tool embedded inside Revit, Rhino and SketchUp. in Architecture & Building →
A publication focused on parametric and computational design and AI in architecture. in Architecture & Building →
The official site of the Pritzker Prize, architecture’s highest honour — laureates and citations. in Architecture & Building →
An international directory presenting profiles and projects of selected architects country by country. in Architecture & Building →
Apple’s interface rules across all its platforms: touch target sizes, navigation patterns, motion and typography. in Cheat Sheets & Quick Reference →
A short, visual collection of the psychological laws that govern interface design — Fitts, Hick, Jakob and the rest. in Cheat Sheets & Quick Reference →
Compares coding fonts two at a time in a tournament until one wins. in Editors, IDEs & Terminals →
Five design links every weekday, picked by one curator. in Lists, Directories & Discovery →