unDraw：为网站和文章挑选可改色的矢量插画
unDraw 提供统一视觉风格的插画集合，可按主题寻找素材并调整主色，适合网站空状态、产品介绍、演示文稿和博客配图。矢量格式便于在不同尺寸中保持清晰。
设计资源
精选字体、图标、配色、图片素材、模板、原型和协作设计工具，关注授权范围、中文支持、导出格式与实际工作流，方便设计师和内容创作者高效取用。
Open Doodles：为文章和演示添加手绘人物插画
Open Doodles 提供手绘风格的人物插画，可用于文章配图、产品界面和演示材料。素材风格轻松，适合希望降低页面生硬感，又不需要真实摄影图片的场景。
SVG Backgrounds：生成可调整颜色的网页背景与图案
SVG Backgrounds 提供网页背景、图案及其他矢量图形资源，适合制作文章封面、网站横幅和页面装饰。使用 SVG 可以在放大时保持边缘清晰，并方便调整配色。
Happy Hues：在完整网页示例中理解配色分工
Happy Hues 展示经过搭配的配色方案，并将背景、标题、正文和按钮颜色放进真实网页示例。适合不确定颜色如何分工，希望从具体页面学习配色的用户。
Tabler Icons：为网站和应用选择统一风格的图标
Tabler Icons 是提供大量统一风格图标的开源项目，可用于网页、应用界面和设计稿。官网提供图标搜索、预览和不同使用方式，适合需要一套风格连贯图标的项目。
diagrams.net：免费绘制流程图、网络图和系统架构图
diagrams.net 原名 draw.io，可在浏览器绘制流程图、架构图、网络拓扑和思维图，并保存到本地或多种云存储。
SVG Repo：搜索可编辑 SVG 图标、插画与矢量素材
SVG Repo 汇集大量 SVG 图标和矢量素材，可按关键词、集合、样式与许可查找，并下载后修改颜色和尺寸。
Openverse：跨平台搜索 Creative Commons 图片与音频
Openverse 聚合多个来源的 Creative Commons 与公共领域图片、音频，可按许可、用途、来源和媒体类型筛选。
Realtime Colors：在真实网页结构中预览整套配色与字体
Realtime Colors 可同时设置正文、背景、主色、辅色与强调色，并把颜色和字体实时应用到完整网页示例，支持对比度检查、配色方案和 CSS 等格式导出。
Coolors：生成配色方案、提取图片色板并检查对比度
Coolors 可快速生成和锁定颜色组合，从图片提取色板，浏览热门方案，并辅助检查文字与背景的颜色对比度。
Haikei：生成可编辑 SVG 波浪、形状与网页背景
Haikei 提供波浪、层叠曲线、散点、低多边形、网格和渐变等视觉生成器，可调整画布与颜色并导出 SVG 或 PNG。
Iconoir：1600+ 枚统一线条风格的开源 SVG 图标
Iconoir 是基于 24×24 网格设计的开源图标库，提供 1600 多枚 SVG，并支持 React、Vue、React Native、Flutter、Figma、Framer、CSS 和 NPM 包。
Google Fonts 官网：预览、筛选和下载开源网页字体
Google Fonts 提供开源字体的搜索、语言筛选、字重预览、网页嵌入和下载，可用于网站、设计稿与本地排版。
UNCUT.wtf：精选可商用的当代免费字体目录
UNCUT.wtf 是聚焦当代字体的免费目录，按无衬线、衬线、等宽和展示字体分类，提供在线预览、作者信息、字重数量、可变字体与具体许可说明。
Fontsource：下载并自托管开源网页字体的 NPM 字体库
Fontsource 将大量开源字体整理成可下载和版本锁定的 NPM 包，提供字重、字符子集、变量字体、CSS 引入与本地自托管说明。
UI Colors：生成并预览完整 Tailwind CSS 色阶
UI Colors 可从一个基础颜色生成 Tailwind 风格的 50 至 950 色阶，并在卡片、网站、仪表盘、图表和组件中实时预览配色效果。
Pattern Monster：在线生成可编辑的 SVG 背景图案
Pattern Monster 提供可自定义颜色、缩放、旋转和间距的 SVG 重复图案，可直接复制 CSS 或下载矢量文件用于网页和设计。
Typescale：预览字体层级并生成响应式排版 CSS
Typescale 是在线排版工具，可设置基础字号、比例、字体、行高、字距、颜色和响应断点，并预览标题与正文层级、导出 CSS。