跳到主要内容
Designeer
全部
422
设计灵感
122
组件库
120
开发工具
64
设计素材
55
实用工具
61
设计师
132
搜索工具…
⌘
K
EN
提交
首页
/
设计素材
大类 · 55 个工具 · 5 个分区
图标、字体、配色、3D 与着色器
界面的最后一层润色。带 React 包的图标集、字体与字体工具、为 UI 打造的配色系统，以及无需渲染农场就能带来层次感的 3D 与着色器工具。
图标库
30
字体
7
配色
5
3D
6
着色器
7
图层
设计素材
图标库
30
字体
7
配色
5
3D
6
着色器
7
网格
列表
01 / 05
面向 React 与 Web 的图标库
30
进入分区
lucide.dev
图标库
Lucide
图标库
由社区维护的开源图标集，从 Feather 分支而来，提供数千个界面图标。
phosphoricons.com
图标库
Phosphor
图标库
灵活的图标家族，提供六种统一字重，适合界面设计。
iconify.design
图标库
Iconify
图标库
统一的图标框架，让海量图标触手可及。
runeicons.com
图标库
Rune Icons
图标库
极简图标集，提供五种不同风格供界面使用。
icon.museum
图标库
Icon Museum
图标库
专门收藏优秀移动应用图标、致敬其设计工艺的档案库。
tabler.io
图标库
Tabler Icons
图标库
收录数千个线性风格图标的库，用于构建用户界面。
heroicons.com
图标库
Heroicons
图标库
由 Tailwind CSS 团队打造的手工 SVG 图标。
fonts.google.com
图标库
Material Symbols
图标库
Google 推出的可变图标字体，提供三种可选风格用于界面。
icons.getbootstrap.com
图标库
Bootstrap Icons
图标库
官方 SVG 图标库，专为搭配 Bootstrap 框架而设计。
remixicon.com
图标库
Remix Icon
图标库
风格中性的图标库，提供线性和填充两种版本。
iconoir.com
图标库
Iconoir
图标库
开源 SVG 图标集，笔画粗细统一一致。
ionic.io
图标库
Ionicons
图标库
精致的图标包，适用于网页和移动端界面。
simpleicons.org
图标库
Simple Icons
图标库
收录 3000 多个热门品牌 logo 的图标集，均提供 SVG 格式。
thesvg.org
图标库
theSVG
图标库
精选整洁、即用的品牌 logo 集，以 SVG 格式提供。
feathericons.com
图标库
Feather
图标库
极简开源图标集，每个图标都绘制在 24 像素网格上。
carbondesignsystem.com
图标库
Carbon Icons
图标库
IBM 官方图标库，专为打造企业级产品设计而生。
boxicons.com
图标库
Boxicons
图标库
一套矢量图标，提供三种不同视觉风格。
mx-icons.vercel.app
图标库
MX Icons
图标库
庞大且可定制的图标集，以 React 组件形式提供。
akveo.github.io
图标库
Eva Icons
图标库
包含 400 个图标，提供线性和填充两种风格供界面使用。
devicon.dev
图标库
Devicon
图标库
涵盖主流编程语言和开发者工具的图标集。
css.gg
图标库
css.gg
图标库
700 个轻量图标，完全用纯 CSS 而非 SVG 绘制。
hugeicons.com
图标库
HugeIcons
图标库
覆盖广泛的图标库，提供线性和实心两种风格。
reicon.dev
图标库
Reicon
图标库
支持 tree-shaking 的 React 图标库，提供两种不同字重。
app.iconsax.io
图标库
Iconsax
图标库
用途广泛的图标集，提供六种不同视觉风格，适合 UI 工作。
icons0.dev
图标库
icons0
图标库
图标搜索引擎，可在超过 20 万个图标中查找。
heroicons-animated.com
图标库
Heroicons Animated
图标库
为 Heroicons 加入悬停触发动画的改版，适合交互式 UI。
icons.download
图标库
Icons.download
图标库
精选图标库，提供十六种不同美学风格供挑选。
lucide-animated.com
图标库
Lucide Animated
图标库
为 Lucide 图标集内置微动画的改版，让界面更生动。
iconfoundry.store
图标库
Icon Foundry
图标库
可搜索的图标档案库，汇聚了来自众多图标家族的图标。
inkword.app
图标库
Inkword
图标库
输入一个单词，就能生成与之匹配的插画。
02 / 05
面向网站的字体与字体工具
7
进入分区
fontshare.com
字体
Fontshare
字体
专业级字体库，可免费用于商业项目。
klim.co.nz
字体
Klim
字体
字体工作室，设计可在 web 上使用的当代字体。
fontsource.org
字体
Fontsource
字体
将开源字体作为 npm 包安装进项目，实现自托管。
wakamaifondue.com
字体
Wakamai Fondue
字体
检查字体文件、揭示每款字体所支持特性的工具。
utopia.fyi
字体
Utopia
字体
流式排版计算器，输出可直接使用的 CSS clamp 值。
velvetyne.fr
字体
Velvetyne
字体
开源字体工作室，发布实验性、自由授权的字体。
departuremono.com
字体
Departure Mono
字体
像素风等宽字体，专为契合终端环境而设计。
03 / 05
面向界面设计的配色工具
5
进入分区
oklch.com
配色
OKLCH
配色
基于感知均匀色彩空间的拾色器，用于挑选 UI 配色。
color.review
配色
Color.review
配色
对比度检查工具，帮你构建始终保持无障碍的配色方案。
huetone.ardov.me
配色
Huetone
配色
调色板生成器，平衡对比度以保证 UI 配色无障碍。
myndex.com
配色
APCA
配色
现代对比度算法，贴合人眼对色彩的真实感知。
ramps.studio
配色
Ramps
配色
设计 token 工具，在 OKLCH 空间中生成平滑的色阶。
04 / 05
面向 Web 的 3D 工具与素材
6
进入分区
threejs.org
3D
Three.js
3D
JavaScript 库，借助 WebGL 在浏览器中创建并呈现 3D 图形。
r3f.docs.pmnd.rs
3D
React Three Fiber
3D
声明式 React 渲染器，让你用组件的方式构建 Three.js 场景。
drei.docs.pmnd.rs
3D
Drei
3D
一组现成的辅助组件，加速 React Three Fiber 项目的开发。
blender.org
3D
Blender
3D
开源套件，用于 3D 建模、动画，以及为 web 渲染场景。
gltf.report
3D
gltf.report
3D
在浏览器中检视并精简 glTF 资源，让 3D 模型在网页上加载更快。
polyhaven.com
3D
Poly Haven
3D
收录 CC0 授权贴图的公共素材库，可免费下载并用于任何项目。
05 / 05
WebGL 着色器与着色器渐变
7
进入分区
thebookofshaders.com
着色器
Book of Shaders
着色器
交互式实操教程，手把手教你一步步编写 fragment shader。
compute.toys
着色器
compute.toys
着色器
在线沙盒，用来编写和实验 WGSL compute shader。
shaderfrog.com
着色器
Shaderfrog
着色器
基于节点的可视化编辑器，通过连接图节点来构建 shader。
shadercn.run
着色器
shadercn
着色器
可直接嵌入项目的 React shader 组件，基于 vgpu 与 TypeGPU 构建。
shaders.paper.design
着色器
Paper Shaders
着色器
零依赖、导入即用的 shader，适合用在你的网页项目中。
openshaders.com
着色器
OpenShaders
着色器
开源的 WebGL shader 库，可直接嵌入你的网页项目。
orbkit.zzzzshawn.cloud
着色器
Orbkit
着色器
基于 WebGL 的渲染器，用于在浏览器中制作动态光球效果。
图标、字体、配色、3D 与着色器工具（55） — Designeer
