设计与 UI

AllTheFreeStock - 精心整理的免费图片、音频和视频列表。
Float UI - 免费的 Web 开发工具，即使非设计人员也能用它快速创建设计时尚、响应式的现代网站。
Ant Design Landing Page - Ant Design Landing Page 提供了由 Ant Motion 的动效组件构建的模板。它拥有丰富的首页模板，下载模板代码包即可快速使用。你还可以使用编辑器快速搭建自己的专属页面。
Backlight — Backlight 是一个完整的编码平台，核心是促进开发人员和设计人员之间的协作，团队可以在此构建、记录、发布、扩展和维护 Design Systems。其免费计划允许多达 3 名编辑在一个 design system 上工作，并拥有无限的查看者。
BoxySVG — 一款免费的可安装 Web 应用，用于绘制 SVG 并导出为 SVG、PNG、jpeg 和其他格式。
Carousel Hero - 免费的在线工具，用于创建社交媒体轮播图。
Circum Icons - 一致的开源图标，例如用于 React、Vue 和 Svelte 的 SVG。
clevebrush.com — 免费的图形设计/照片拼贴应用。他们还提供将其作为组件的付费集成服务。
cloudconvert.com — 将任何文件转换为任何格式。支持 208 种格式，包括视频和 gif。
CodeMyUI - 精选的 Web Design 和 UI 灵感集合，附带 Code Snippets。
ColorKit - 在线创建调色板或从顶级调色板中获取灵感。
coolors - 调色板生成器。免费。
CMYK Pantone - 免费在几秒钟内轻松将 CMYK 值转换为最接近的 Pantone 颜色和其他颜色模型。
Branition - 为品牌精心挑选的最合适的调色板。
css-gradient.com - 免费工具，可快速生成自定义的跨浏览器 CSS 渐变。支持 RGB 和 HEX 格式。
easyvectors.com — EasyVectors.com 是一个免费的 SVG 矢量艺术素材库。完全免费下载最好的矢量图形。
figma.com — 面向团队的在线协作设计工具；免费套餐包括无限文件和查看者，最多 2 名编辑和 3 个项目。
Flyon UI- 最简单的 Tailwind CSS 组件库。
framer.com - Framer 帮助您为下一个应用、网站或产品迭代和动画化界面创意——从强大的布局开始。对于任何将 Framer 验证为专业原型工具的人来说：无限查看者、最多 2 名编辑和最多 3 个项目。
freeforcommercialuse.net — FFCU 无忧的模特/财产授权照片素材
Gradientos - 让选择渐变变得快速简单。
Icon Horse – 通过我们简单的 API 获取任何网站的最高分辨率 favicon。
Iconoir – 一个开源图标库，包含数千个图标，支持 React、React Native、Flutter、Vue、Figma 和 Framer。
Icons8 — 图标、插图、照片、音乐和设计工具。免费计划提供较低分辨率的有限格式。使用我们的素材时需链接到 Icons8。
landen.co — 为您的初创公司生成、编辑和发布漂亮的网站和落地页。全部无需代码。免费套餐允许您拥有一个网站，可完全自定义并发布到网上。
Quant Ux - Quant Ux 是一款原型设计和设计工具。- 它完全免费并且开源。
lensdump.com - 免费的云图片托管服务。
Lorem Picsum - 一个免费、易于使用的时尚占位符工具。在我们的 URL 后面添加您想要的图片尺寸（宽度和高度），您将得到一张随机图片。
LottieFiles - 全球最大的面向设计师、开发人员等的微型动画格式在线平台。可访问用于 Android、iOS 和 Web 的 Lottie 动画工具和插件。
MagicPattern — 一系列用于渐变、图案和斑点的 CSS 和 SVG 背景生成器及工具。
marvelapp.com — 设计、原型制作和协作，免费计划限制为一名用户和一个项目。
Mindmup.com — 免费创建无限的思维导图并将其存储在云端。您的思维导图可以从任何设备即时随处访问。
Mockplus iDoc - Mockplus iDoc 是一款功能强大的设计协作和交付工具。免费计划包括 3 个用户和 5 个项目，所有功能均可用。
mockupmark.com — 为社交媒体和 E-commerce 创建逼真的 T 恤和服装样机，提供 40 个免费样机。
Mossaik - 免费的 SVG 图像生成器，提供波浪、斑点和图案等不同工具。
movingpencils.com — 基于浏览器的快速矢量编辑器。完全免费。
Octopus.do — 可视化站点地图构建器。实时构建您的网站结构，并快速共享以与您的团队或客户协作。
Pencil - 使用 Electron 的开源设计工具。
Penpot - 基于 Web 的开源设计和原型工具。支持 SVG。完全免费。
pexels.com - 可用于商业用途的免费图片素材。拥有一个免费 API，允许您通过关键字搜索照片。
photopea.com — 一款免费、高级的在线设计编辑器，具有 Adobe Photoshop UI，支持 PSD、XCF 和 Sketch 格式（Adobe Photoshop、Gimp 和 Sketch App）。
pixlr.com — 媲美商业级软件的免费在线浏览器编辑器。
Plasmic - 一款快速、易用、强大的 Web 设计工具和页面构建器，可集成到您的代码库中。构建响应式页面或复杂组件；可选择使用代码进行扩展；并发布到生产站点和应用。
Pravatar - 生成一个随机/占位的假头像，其 URL 可以直接在您的 Web/应用中热链接。
Proto.io - 无需编码即可创建完全交互式的 UI 原型。免费试用结束后，可使用免费套餐。免费套餐包括 1 个用户、1 个项目、5 个原型、100MB 在线存储空间以及 proto.io 应用的预览功能。
resizeappicon.com — 一个用于调整和管理应用图标的简单服务。
Rive — 创建精美的动画并发布到任何平台。对个人永久免费。该服务是一个编辑器，同时也在其服务器上托管所有图形。他们还为许多平台提供运行时，以运行使用 Rive 制作的动画。
storyset.com — 使用此工具为您的项目创建令人惊叹的免费定制插图。
smartmockups.com — 创建产品样机，提供 200 个免费样机。
Shadcn Studio — 在不同的组件和布局中预览您的主题更改。
Tailark - 为营销网站设计的现代、响应式、预构建 UI 块的集合。
tabler-icons.io — 超过 1500 个免费的可复制粘贴、可编辑的 SVG 图标。
tweakcn — 为 shadcn/ui 设计的精美主题。实时自定义颜色、排版等。
UI Avatars - 从姓名首字母生成头像。其 URL 可以直接在您的 Web/应用中热链接。支持通过 URL 配置参数。
unDraw - 一个不断更新的精美 SVG 图像集合，您可以完全免费使用且无需署名。
unsplash.com - 用于商业和非商业目的的免费图片素材（“随心所欲”许可证）。
vectr.com — 免费的 Web + Desktop 设计应用。
walkme.com — 企业级引导和参与平台，免费计划提供 3 个演练，每个演练最多 5 个步骤。
Webflow - WYSIWYG 网站构建器，具有动画和网站托管功能。两个项目内免费。
Updrafts.app - 用于基于 tailwindcss 设计的 WYSIWYG 网站构建器。非商业用途免费。
whimsical.com - 协作流程图、线框图、便签和思维导图。最多可免费创建 4 个看板。
Zeplin — 设计师和开发人员协作平台。展示设计、资产和样式指南。一个项目内免费。
Pixelixe — 在线创建和编辑引人入胜的独特图形和图像。
Responsively App - 一款免费的开发工具，用于更快、更精确的响应式 Web 应用程序开发。
SceneLab - 在线样机图形编辑器，拥有不断扩充的免费设计模板集合。
xLayers - 预览 Sketch 设计文件并将其转换为 Angular、React、Vue、LitElement、Stencil、Xamarin 等（在 https://github.com/xlayers/xlayers 免费开源）。
Grapedrop — 基于 GrapesJS Framework 的响应式、功能强大、SEO 优化的网页构建器。前五个页面免费，无限自定义域名，所有功能，使用简单。
Mastershot - 完全免费的基于浏览器的视频编辑器。无水印，最高支持 1080p 导出。
Unicorn Platform - 带托管服务的轻松落地页构建器。一个网站免费。
SVGmix.com - 拥有超过 30 万个免费 SVG 图标、合集和品牌标志的海量存储库。它在浏览器中内置了一个简单的矢量编辑程序，用于快速编辑文件。
svgrepo.com - 使用各种矢量库，为您的项目探索、搜索和查找最合适的图标或矢量图。下载可用于商业用途的免费 SVG Vectors。
haikei.app - Haikei 是一款 Web 应用，用于生成独特的 SVG 形状、背景和图案——可随时用于您的设计工具和工作流程。
Canva - 免费的在线设计工具，用于创建视觉内容。
Superdesigner - 一系列免费设计工具的集合，只需点击几下即可创建独特的背景、图案、形状、图像等。
TeleportHQ - Low-code Front-end 设计与开发平台。TeleportHQ 是一个协作式前端平台，可即时创建和发布 headless 静态网站。三个免费项目，无限协作者，并可免费导出代码。
vector.express — 快速轻松地转换您的 AI、CDR、DWG、DXF、EPS、HPGL、PDF、PLT、PS 和 SVG 矢量文件。
Vertopal - Vertopal 是一个免费的在线平台，用于将文件转换为各种格式。包括开发者转换器，如 JPG 到 SVG、GIF 到 APNG、PNG 到 WEBP、JSON 到 XML 等。
okso.app - 极简主义的在线绘图应用。可以快速创建草图和视觉笔记。可将草图导出为 PNG、JPG、SVG 和 WEBP 格式。也可作为 PWA 安装。所有人均可免费使用（无需注册）。
Wdrfree SVG - 黑白的免费 SVG 剪切文件。
Lucide - 免费、可定制且一致的 SVG 图标工具包。
Logo.dev - 公司 logo API，包含超过 4400 万个品牌，像调用 URL 一样简单。前 10,000 次 API 调用免费。
MDBootstrap - 可免费用于个人和商业用途的 Bootstrap、Angular、React 和 Vue UI Kits，包含超过 700 个组件、精美的模板、1 分钟安装、丰富的教程和庞大的社区。
TW Elements - 使用 Tailwind CSS 重新创建的免费 Bootstrap 组件，但具有更好的设计和更多功能。
DaisyUI -- 免费。“使用 Tailwind CSS 但编写更少的类名”，提供按钮等组件。
Scrollbar.app -- 简单的免费 Web 应用，用于为 Web 设计自定义滚动条。
css.glass -- 免费的 Web 应用，用于使用 CSS 创建 glassmorphic 设计。
hypercolor.dev -- 精心策划的 Tailwind CSS 颜色渐变集合，还提供各种生成器来创建您自己的渐变。
iconify.design -- 包含 100 多个图标包的集合，具有统一的界面。允许您跨包搜索图标，并将单个图标导出为 SVG 或用于流行的 Web 框架。
NextUI -- 免费。美观、快速、现代的 React 和 Next.js UI 库。
Glyphs -- 免费，Web 上最强大的图标，完全可编辑且真正开源的 design system。
ShadcnUI -- 设计精美的组件，您可以复制粘贴到您的应用中。无障碍。可定制。开源。
HyperUI -- 免费的开源 Tailwind CSS 组件。
Calendar Icons Generator -- 只需单击一下即可生成一整年独特的图标，完全免费
Image BG Blurer -- 为图像生成模糊的背景框，使用该图像源作为背景模糊，适用于 Notion、Trello、Jira 等工具
Webstudio -- Webflow 的开源替代品。免费计划在其域名下提供无限数量的网站。五个使用自定义域名的网站。每月一万次页面浏览。2GB 资产存储。
Nappy -- 漂亮的黑人和棕色人种照片，免费。可用于商业和个人用途。
Tailkits -- 精选的 Tailwind 模板、组件和工具集合，外加用于代码、网格、盒阴影等的实用生成器。
Tailcolors -- 一个漂亮的 Tailwind CSS v4 调色板。即时预览并复制完美的 Tailwind CSS 颜色类。
Excalidraw -- 一个免费的在线绘图文档网页，支持免费保存到本地和导出。
Lunacy -- 免费的图形设计工具，支持离线使用，内置资产（图标、照片、插图）和实时协作。免费套餐包括 10 个云文档、30 天历史记录、低分辨率资产和基本设计工具。
Flows -- 一个完全可定制的产品采用平台，用于构建 onboarding 和用户参与体验。每月最多 250 个跟踪用户免费。