Tools / Resources
设计资源
按任务选择工具，查看介绍、访问地址和预览。目录每页展示 36 项资源，搜索覆盖整个资源库。
共 555 项 · 第 3 页
shadercn
基于 vgpu 与 TypeGPU 的 React 着色器组件。
Icon Museum
展示移动应用图标设计的档案库。
Bolt.new
在浏览器中开发全栈应用的沙盒环境。
Utopia
生成 CSS clamp 的流式排版计算器。
Josh Comeau
拆解 CSS 工作机制的交互式教程。
Ramps
生成 OKLCH 色阶的设计令牌工具。
gltf.report
基于网页的 3D glTF 文件优化工具。
Paper Shaders
零依赖、可直接导入的着色器。
Fly.io
让 Docker 容器运行在靠近用户的位置。
Radix
面向 React 的无样式、无障碍 UI 基础组件。
Adam Argyle
推动现代 CSS 发展的 Chrome 开发者关系工程师。
Gifski
保留帧率的高品质视频转 GIF 工具。
Granola
无需会议机器人即可生成会议摘要的 AI 笔记工具。
designmd.supply
用于指导 AI 助手的 DESIGN.MD 模板。
Easing Wizard
用于生成自定义 CSS 弹簧效果的可视化工具。
Layers
公开分享设计作品的平台。
Spline
支持物理效果的浏览器端 3D 设计软件。
ui.camera
用于软件展示的 3D 样机与场景布置工具。
Morphrig
讲解图标形变原理的交互式手册。
Vite
高速前端构建与开发工具。
Ray.so
将代码片段转换为便于分享的截图。
LocalSend
在本地 Wi-Fi 网络中安全分享文件。
Minimal Gallery
展示简约、克制风格的网站设计。
21st.dev
带有交互预览的社区 shadcn 组件注册表。
getdesign.md
生成 AI 设计规则的交互式工具。
Poly Haven
提供 CC0 纹理的公共素材库。
Velvetyne
发布实验性字体的开源字体工作室。
Tabler Icons
包含数千个描边图标的资源库。
OpenShaders
面向网页项目的开源着色器合集。
Slant It
将平面截图转换为 3D 样机。
Interface Craft
探索现代数字界面制作技巧的文章。
Design Books
按专业领域分类的设计必读书目。
Sarah Drasner
工程团队负责人及网页动画领域作者。
UI Labs
拆解 UI 动画组件的实验平台。
Biome
基于 Rust 的快速代码格式化与检查工具。
Theatre.js
面向 DOM 的可视化动效编排工具。