Tools / Resources

设计资源

按任务选择工具,查看介绍、访问地址和预览。目录每页展示 36 项资源,搜索覆盖整个资源库。

共 555 项 · 第 1 页

OKLCH

使用感知均匀色彩空间的取色器。

Screen Studio

自动添加镜头缩放效果的屏幕录制工具。

60fps

精美界面动效的录屏合集。

Refactoring UI

用于构建界面的实用设计指南。

Claude Code

运行于终端中的智能体编程工具。

Book of Shaders

帮助掌握片元着色器的交互式指南。

Three.js

用于渲染 WebGL 场景的 JavaScript 3D 库。

ForgeUI

带有动画效果的 React 与 Tailwind 组件和模板。

tldraw

提供 React SDK 的无限画布白板库。

Dray

统一管理编程智能体的桌面工作空间。

SVGOMG

用于优化和清理 SVG 文件的网页图形界面。

Motion

面向 React 应用、可用于生产环境的动画库。

Fontshare

可免费商用的高品质专业字体。

Emil Kowalski

Sonner、Vaul 等工具与动画作品的创作者。

Raycast

可扩展、可替代 Spotlight 的桌面启动器。

Figma

协作式界面设计工具

RegExr

用于测试正则表达式的交互式沙盒。

Rauno Freiberg

Vercel《交互指南》的作者。

Phosphor

提供六种统一粗细风格的图标家族。

Cloudflare

运行无服务器 Workers 的全球边缘网络。

Practical Typography

讲解字体排版规则与布局的重要书籍。

Motionsites

动效丰富的网站模板与动画区块。

Color.review

帮助设计无障碍配色的对比度检查工具。

Framer

用于设计和发布网站的可视化画布。

GSAP

业界广泛使用的 JavaScript 时间轴动画引擎。

Remotion

使用 React 通过代码渲染高清视频。

Awwwards

表彰优秀数字网站设计与制作的奖项平台。

React Three Fiber

用于 Three.js 场景的声明式 React 渲染器。

Ghostty

面向开发者、使用 GPU 加速的高速终端模拟器。

compute.toys

用于编写 WGSL 计算着色器的沙盒。

Refero

面向 AI 智能体的结构化 DESIGN.MD 规范。

Klim

创作当代网页字体的字体设计工作室。

Excalidraw

具有手绘草图风格的协作白板。

RewampUI

展示现成 UI 组件的组件库面板。

Lucide

简洁一致的开源图标库

Fontsource

通过 npm 包自行托管开源字体。