跳到主要内容
Designeer
全部
422
设计灵感
122
组件库
120
开发工具
64
设计素材
55
实用工具
61
设计师
132
搜索工具…
⌘
K
中文
提交
首页
/
全部工具
422 个工具 · 17 个分区 · 5 个大类
全部工具，一个画布
整个目录都在一页上，按原有方式归纳。边输入边筛选，从左侧图层栏在各分区间跳转，点开任意画框即可细看。
筛选工具
全部
设计灵感
组件库
开发工具
设计素材
实用工具
422 个工具
网格
列表
图层
设计灵感
122
灵感画廊
78
界面设计
11
设计阅读
33
组件库
120
组件库
109
动画库
11
开发工具
64
开发者工具
24
Agent 与 MCP
35
部署托管
5
设计素材
55
图标库
30
字体
7
配色
5
3D
6
着色器
7
实用工具
61
网页工具
34
桌面应用
12
屏幕录制
11
白板
4
设计灵感
进入大类
网页设计灵感画廊
78
分区页
60fps.design
灵感画廊
60fps
灵感画廊
收集界面动态效果的屏幕录屏，供学习 UI 动画时参考。
awwwards.com
awwwards.com
灵感画廊
Awwwards
灵感画廊
每日评选并展示优秀网页设计与前端作品的奖项与画廊。
cosmos.so
灵感画廊
Cosmos
灵感画廊
用于收集图片与参考、搭建创意灵感画板的可视化 moodboard 空间。
curated.design
灵感画廊
Curated Design
灵感画廊
按视觉风格归类网站灵感，让你按想要的样子浏览的画廊。
layers.to
灵感画廊
Layers
灵感画廊
设计师公开发布与分享作品、获取反馈和灵感的平台。
minimal.gallery
灵感画廊
Minimal Gallery
灵感画廊
收录极简克制网站的合集，适合寻找简约设计灵感。
mobbin.com
灵感画廊
Mobbin
灵感画廊
可搜索的真实移动端与网页应用界面及用户流程库，取自已上线产品。
saaspo.com
灵感画廊
Saaspo
灵感画廊
精选 SaaS 落地页画廊，提供营销与产品设计灵感。
seesaw.website
灵感画廊
SEESAW
灵感画廊
按页面区块整理的网站设计灵感，可逐块研究。
supahero.io
灵感画廊
Supahero
灵感画廊
精选网站 hero 区合集，为设计落地页提供灵感。
imageory.in
灵感画廊
Imageory
灵感画廊
将图片与其背后 prompt 一并呈现的视觉画廊，激发创意灵感。
backgrounds.supply
灵感画廊
Backgrounds Supply
灵感画廊
一组手工制作的网站背景，可直接用到你的下个项目中。
backgrounds.venust.ai
灵感画廊
Venust Backgrounds
灵感画廊
免费的 AI 生成网站背景，并附上生成时所用的原始 prompt。
details.so
灵感画廊
Details
灵感画廊
对一流数字产品微交互的细节拆解，供深入研究。
sombra.design
灵感画廊
Sombra
灵感画廊
展示深色模式网站界面，适合围绕暗色调做设计的人。
dribbble.com
灵感画廊
Dribbble
灵感画廊
设计师发布作品与概念、分享交流并寻找灵感的全球社区。
behance.net
灵感画廊
Behance
灵感画廊
Adobe 旗下发布与浏览各设计领域创意作品集的平台。
recent.design
灵感画廊
Recent Design
灵感画廊
每周精选堪获大奖的网站，持续输送设计灵感。
navbar.design
灵感画廊
navbar.design
灵感画廊
精选导航栏范例，供设计网站菜单时参考。
footer.design
灵感画廊
footer.design
灵感画廊
精选的创意网站页脚合集，为收尾区块提供灵感。
land-book.com
灵感画廊
Land-book
灵感画廊
按行业整理的大型落地页画廊，可浏览你所在领域的设计。
collectui.com
灵感画廊
Collect UI
灵感画廊
按组件打标签的每日 UI 设计灵感，来自持续进行的设计挑战。
siteinspire.com
灵感画廊
SiteInspire
灵感画廊
长期运营的精致网页设计展示，可按风格与主题筛选。
lapa.ninja
灵感画廊
Lapa Ninja
灵感画廊
精选响应式落地页合集，供浏览获取布局灵感。
uxarchive.com
灵感画廊
UX Archive
灵感画廊
逐屏记录移动端引导流程的归档，供 UX 参考。
screenlane.com
灵感画廊
Screenlane
灵感画廊
可搜索的界面截图画廊，提供跨应用的 UI 灵感。
flowbase.co
灵感画廊
Flowbase
灵感画廊
提供优质 UI 组件与交互范例的资源，用于搭建网站布局。
hoverstat.es
灵感画廊
Hover States
灵感画廊
展示富有创意的交互式网页设计，供研究网站如何处理动效与悬停。
saasframe.io
灵感画廊
SaaSFrame
灵感画廊
收录数百张 SaaS 营销页截图，作为落地页设计灵感。
landingfolio.com
灵感画廊
Landingfolio
灵感画廊
海量落地页设计库，供浏览获取布局与营销灵感。
pttrns.com
灵感画廊
Pttrns
灵感画廊
移动端 UI 范例目录，可参考应用如何处理常见界面。
onepagelove.com
灵感画廊
One Page Love
灵感画廊
展示单页网站设计，适合正在做单页网站的人。
designspiration.com
灵感画廊
Designspiration
灵感画廊
用于发现视觉艺术与设计图像、激发灵感的搜索平台。
bestwebsite.gallery
灵感画廊
Best Website Gallery
灵感画廊
精选优秀网站的归档，作为出色网页设计的参考。
theinspirationgrid.com
灵感画廊
Inspiration Grid
灵感画廊
聚焦各领域创意视觉设计与作品的在线杂志。
scrnshts.club
灵感画廊
Scrnshts
灵感画廊
精选 App Store 截图设计合集，为移动应用营销提供灵感。
are.na
灵感画廊
Are.na
灵感画廊
用于视觉收藏、把资料整理进共享画板的协作平台。
appinspo.com
灵感画廊
Appinspo
灵感画廊
经严选的移动应用设计画廊，提供 UI 与界面灵感。
darkmodedesign.com
灵感画廊
Dark Mode Design
灵感画廊
专注深色模式网站的展示，为设计暗色界面提供灵感。
pinterest.com
灵感画廊
Pinterest
灵感画廊
用于保存与发现各类创意灵感的视觉发现平台。
navbar.gallery
灵感画廊
navbar.gallery
灵感画廊
专注现代导航栏的画廊，供设计网站菜单时研究。
posts.design
灵感画廊
posts.design
灵感画廊
精选社交媒体平面设计归档，为帖子与信息流排版提供灵感。
loadmo.re
灵感画廊
loadmo.re
灵感画廊
展示实验性移动端网站设计的画廊，带来新颖、突破边界的灵感。
inspora.design
灵感画廊
inspora.design
灵感画廊
当代视觉网页设计的归档，供浏览获取现代灵感。
cta.gallery
灵感画廊
cta.gallery
灵感画廊
精选 call-to-action 按钮与横幅合集，提供以转化为目标的灵感。
desengs.com
灵感画廊
desengs.com
灵感画廊
汇集 design engineering 作品集及其背后创作者故事的目录。
isthereanytool.app
灵感画廊
isthereanytool
灵感画廊
发掘设计、创作与 AI 工作中冷门工具的目录。
designeng.tools
灵感画廊
designeng.tools
灵感画廊
将 design engineering 工具、资源与灵感汇于一处的精选中心。
bestdesignsonx.com
灵感画廊
bestdesignsonx.com
灵感画廊
从 X 精选设计见长的创作者与亮眼帖子的信息流。
designbookmark.com
灵感画廊
Design Bookmark
灵感画廊
收藏实用设计资源与链接的目录，让你在一处就能找到。
rebrand.gallery
灵感画廊
Rebrand Gallery
灵感画廊
以改版前后对照展示品牌重塑的画廊，供研究品牌形象的演变。
curations.supply
灵感画廊
Curations
灵感画廊
精选数字设计素材库，供浏览并取用到项目中。
landing.love
灵感画廊
Landing Love
灵感画廊
按动效归类的精彩落地页合集，提供动效灵感。
motionimo.xyz
灵感画廊
Motionimo
灵感画廊
海量动效设计片段库，供研究动画与运动。
before.click
灵感画廊
before.click
灵感画廊
展示高转化应用截图创意，为 App Store 营销提供灵感。
swiped.design
灵感画廊
Swiped
灵感画廊
从各社交平台收集的亮眼设计帖子合集。
landdding.com
灵感画廊
Landdding
灵感画廊
每日更新的创意落地页目录，提供布局与营销灵感。
designengineer.tools
灵感画廊
designengineer.tools
灵感画廊
为 design engineer 工作量身整理的必备工具合集。
insposite.com
灵感画廊
Insposite
灵感画廊
汇集设计参考与工具的目录，需要灵感时可随时浏览。
loader-buttons.appllama.io
灵感画廊
Loader Buttons
灵感画廊
收录 25 个加载按钮动画的画廊，供参考微交互创意。
whatships.com
灵感画廊
What Ships
灵感画廊
从 X 帖子收集的亮眼产品发布演示视频合集。
greatstuff.fyi
灵感画廊
GreatStuff
灵感画廊
经精心筛选的创意工具归档，助你更快找到好用的那些。
greatapps.fyi
灵感画廊
Great Apps
灵感画廊
每周精选值得细看的优秀 iOS 应用画廊。
curated.domains
灵感画廊
Curated Domains
灵感画廊
收录使用创意顶级域名的品牌合集，为命名与品牌提供灵感。
sections.wtf
灵感画廊
Sections.wtf
灵感画廊
收录真实网站区块与 hero 布局的画廊，可逐块参考。
browse.cool
灵感画廊
Browse.cool
灵感画廊
精选以出色触感与交互著称的网站。
folios.gallery
灵感画廊
Folios Gallery
灵感画廊
精选优秀设计师作品集目录，供学习与获取灵感。
wwwtf.site
灵感画廊
wwwtf.site
灵感画廊
展示交互网络中古怪、实验性角落的画廊，值得一探。
early.tools
灵感画廊
Early
灵感画廊
发掘值得先睹为快的早期软件产品的发现平台。
openalternative.co
灵感画廊
OpenAlternative
灵感画廊
为热门 SaaS 工具匹配开源替代品的目录。
everywhere.tools
灵感画廊
Everywhere Tools
灵感画廊
面向动手设计与创作的开源创意工具合集。
gallery.jessyin.world
灵感画廊
Jessy In's Gallery
灵感画廊
一个共享 moodboard，大家在这里收集各种新奇的视觉素材，激发设计灵感。
wallofportfolios.in
灵感画廊
Wall of Portfolios
灵感画廊
汇集设计工程与产品作品集的展示墙，供你浏览找灵感。
detail.design
灵感画廊
Detail Design
灵感画廊
收录各类软件界面中精心打磨的微交互案例的资料库。
betwnstudios.com
灵感画廊
Betwn Studios
灵感画廊
一家为 SaaS 产品设计并打造现代化网页体验的工作室。
saaslandingpage.com
灵感画廊
SaaS Landing Page
灵感画廊
精选值得研究的优秀 SaaS 落地页，供你参考取经。
bestsaaswebdesigns.com
灵感画廊
Best SaaS Web Designs
灵感画廊
精心挑选的 SaaS 网站设计合集，作为设计灵感来源。
a1.gallery
灵感画廊
A1
灵感画廊
汇集各类网站设计的画廊，为你的下一个项目提供灵感。
界面设计工具与 UI 实验室
11
分区页
figma.com
界面设计
Figma
界面设计
协作平台，与团队一起设计界面并制作原型。
framer.com
界面设计
Framer
界面设计
可视化画布，设计网站后可直接发布到 web。
make.design
界面设计
make.design
界面设计
AI 生成器，将文字 prompt 转化为精致的界面设计。
penpot.app
界面设计
Penpot
界面设计
开源 web 设计平台，以 SVG 为核心，在浏览器中运行。
spline.design
界面设计
Spline
界面设计
基于浏览器的 3D 设计软件，内置物理引擎打造交互场景。
interfacecraft.dev
界面设计
Interface Craft
界面设计
一系列文章，探讨现代数字界面背后的工艺。
uilabs.dev
界面设计
UI Labs
界面设计
一个实验室，拆解动效 UI 组件，展示其构建方式。
uiw.tf
界面设计
UIWTF
界面设计
实验性界面范式的展示，探索 web 能力的边界。
lab01.dev
界面设计
Lab01
界面设计
一家设计工作室发布的精致界面实验合集。
design.dev
界面设计
design.dev
界面设计
AI 辅助编辑器，用于构建与管理设计 token 及设计系统。
uiplaybook.dev
界面设计
UI Playbook
界面设计
一份指南，讲解 UI 组件在设计时会经历的常见状态。
网页设计资源：博客、书籍与课程
33
分区页
refactoringui.com
设计阅读
Refactoring UI
设计阅读
一本实用指南，满是设计与构建更好界面的实战技巧。
practicaltypography.com
设计阅读
Practical Typography
设计阅读
一本在线书籍，讲解排版规则以及如何排布文字。
web.dev
设计阅读
web.dev
设计阅读
关于网页性能与遵循现代网页标准进行构建的实用指导。
inclusive-components.design
设计阅读
Inclusive Components
设计阅读
一个模式库，教你如何构建无障碍的界面组件。
joshwcomeau.com
设计阅读
Josh Comeau
设计阅读
互动式教程与文章，拆解 CSS 的机制究竟是如何运作的。
design-books.com
设计阅读
Design Books
设计阅读
一个按学科门类整理的必读设计书籍目录。
learn-kernels.com
设计阅读
Learn Kernels
设计阅读
一份互动指南，带你编写并理解 GPU kernel 编程。
designsystemchecklist.com
设计阅读
Design System Checklist
设计阅读
一份详尽的清单，涵盖打造一套可投产的设计系统所需的方方面面。
learn-ui.com
设计阅读
Learn UI
设计阅读
一门视频课程，讲授设计用户界面的实战方法。
designspells.com
设计阅读
Design Spells
设计阅读
一个合集，剖析日常软件中那些不易察觉的设计细节。
goodui.org
设计阅读
Good UI
设计阅读
一个以真实数据为依据、基于实证的 UI 设计模式库。
abduzeedo.com
设计阅读
Abduzeedo
设计阅读
一个每日更新的设计博客，持续分享视觉灵感。
uxdesign.cc
设计阅读
UX Collective
设计阅读
一份精选刊物，汇集关于用户体验设计的深度评论文章。
smashingmagazine.com
设计阅读
Smashing Magazine
设计阅读
一个可靠的资源站，为网页设计师和开发者提供文章与指南。
tympanus.net
设计阅读
Codrops
设计阅读
一个博客，发布富有创意的前端实验及其动手教程。
muz.li
设计阅读
Muzli
设计阅读
一份每日精选摘要，把最新设计趋势汇聚成一个信息流。
boxesandarrows.com
设计阅读
Boxes and Arrows
设计阅读
一本长期运营的刊物，探讨信息架构的实践与理念。
designernews.co
designernews.co
设计阅读
Designer News
设计阅读
一个由社区驱动的信息流，设计师在此发现并讨论最新动态。
webdesignerdepot.com
设计阅读
Web Designer Depot
设计阅读
一个设计刊物，涵盖网页标准以及设计师使用的工具。
designmodo.com
设计阅读
Designmodo
设计阅读
一个刊物，既提供文章，也提供网页设计的实用工具。
99designs.com
设计阅读
99designs Discover
设计阅读
一个设计博客，探讨品牌以及其背后的创意思考。
interfaces.dev
设计阅读
Interfaces
设计阅读
一份每月更新的数字刊物，探讨数字界面的设计。
makingsoftware.com
设计阅读
Making Software
设计阅读
一系列文章，探讨设计师使用的工具最终如何塑造了他们的软件。
visualrambling.space
设计阅读
Visual Rambling
设计阅读
个人化的视觉随笔，一次聚焦一个点深入探讨界面设计。
degreeless.design
设计阅读
Degreeless Design
设计阅读
一份精选的学习路线图，为立志精通产品设计的人而备。
svg.guide
设计阅读
SVG Guide
设计阅读
一份面向设计师和开发者的指南，讲解如何编写并动画化 SVG。
animations.dev
设计阅读
Animations.dev
设计阅读
一门课程，教你创作真正手感到位的网页动画。
ui-skills.com
设计阅读
UI Skills
设计阅读
一门课程，讲授借助 AI 来设计界面的各种技巧。
aiforui.dev
设计阅读
AI for UI
设计阅读
一门课程，讲解如何把 AI 工作流运用到界面设计流程中。
ui.land
设计阅读
UI Land
设计阅读
一系列访谈，与顶尖设计工程师聊他们的手艺。
lawsofux.com
设计阅读
Laws of UX
设计阅读
一套影响界面易用程度的心理学原则合集。
userinterface.wiki
设计阅读
User Interface Wiki
设计阅读
一个知识库，将界面设计的准则与规范集中整理在一处。
shapeof.ai
设计阅读
The Shape of AI
设计阅读
一个模式库，聚焦于 AI 驱动界面的设计模式。
组件库
进入大类
React UI 组件库
109
分区页
forgeui.in
组件库
ForgeUI
组件库
带动效的 React 与 Tailwind 组件，还配有现成模板，帮你更快搭建界面。
rewampui.com
组件库
RewampUI
组件库
一个展示现成 UI 组件的面板，可随意浏览并复用。
ui.shadcn.com
组件库
shadcn/ui
组件库
直接复制进自己代码库的 UI 组件，而不是作为依赖包安装。
base-ui.com
组件库
Base UI
组件库
由 Radix 与 MUI 团队打造的无样式、可自由定制的组件基元。
radix-ui.com
组件库
Radix
组件库
无障碍、无样式的 UI 基元，搭建 React 界面时可自由定制样式。
21st.dev
组件库
21st.dev
组件库
社区版 shadcn 组件库，可先交互式预览再添加组件。
motion-primitives.com
组件库
Motion Primitives
组件库
基于 Motion 库打造的动效 React 组件，为界面增添动感。
reactbits.dev
组件库
React Bits
组件库
一组富有创意的动效组件，可直接用到 React 项目中。
component.gallery
组件库
Component Gallery
组件库
汇集并对比不同设计系统组件的参考资料库。
number-flow.barvian.me
组件库
NumberFlow
组件库
平滑呈现数字变化动画的组件，兼容各主流框架。
fancycomponents.dev
组件库
Fancy Components
组件库
运用物理效果打造的趣味 React 组件，让交互更生动。
opensourceui.in
组件库
Opensource UI
组件库
可直接复制粘贴到项目里的 React UI 组件和设备样机。
ui.spectrumhq.in
组件库
Spectrum UI
组件库
专为搭建 SaaS 网站设计的精致 UI 组件。
amicro.vercel.app
组件库
Amicro
组件库
轻量、即插即用的基元，为 React 界面添加微动画。
painterly.design-tools.workers.dev
组件库
Painterly
组件库
基于 canvas 的艺术化加载动画，封装成 React 组件。
bencho.dev
组件库
Bencho
组件库
可交互的 UI 模块，物理参数可调，精确调出想要的手感。
shadcnblocks.com
组件库
shadcnblocks
组件库
数千个 shadcn 风格、简洁即用的网站模块。
blocks.so
组件库
blocks.so
组件库
开源网站模块，可直接通过命令行安装。
8bitcn.com
组件库
8bitcn
组件库
复古 8-bit 风格的 UI 组件，可直接用到 shadcn 项目中。
evilcharts.com
组件库
Evil Charts
组件库
带动效的 SVG 图表组件，能完美融入 shadcn/ui 项目。
coss.com
组件库
coss ui
组件库
基于 Base UI 基元库打造、可复制粘贴的 UI 组件。
rareui.com
组件库
Rare UI
组件库
一组独具特色的动效 UI 组件，用于搭建 React 界面。
beui.dev
组件库
beUI
组件库
用 Tailwind CSS 设计样式的动效 React 组件，加快界面开发。
butter-nav.vercel.app
组件库
Butter Nav
组件库
一款大型菜单组件，在不同板块间切换时布局会流畅变形。
cult-ui.com
组件库
Cult UI
组件库
由 Framer Motion 驱动的动效 React 组件，带来流畅的界面动画。
daisyui.com
组件库
daisyUI
组件库
一套扩展 Tailwind CSS 的组件类库，让样式编写更快。
heroui.com
组件库
HeroUI
组件库
一个现代化的 React UI 组件库，早期曾以 NextUI 之名发布。
kibo-ui.com
组件库
Kibo UI
组件库
一个组件库，内含专为搭建 AI 界面定制的组件。
magicui.design
组件库
Magic UI
组件库
专为搭建落地页打造的动效 UI 组件。
ui.aceternity.com
组件库
Aceternity UI
组件库
潮流的动效组件与 hero 区块，用于打造吸睛的网页。
animate-ui.com
组件库
Animate UI
组件库
借助 Motion 动画库注入活力的无障碍 shadcn 组件。
flyonui.com
组件库
FlyonUI
组件库
语义化的 Tailwind CSS 组件，可直接搭配最新的 Tailwind v4 使用。
tailgrids.com
组件库
TailGrids
组件库
响应式 UI 模块，助你用 Tailwind CSS 快速拼搭页面。
flowbite.com
组件库
Flowbite
组件库
一个基于 Tailwind CSS 的大型组件库，用于界面开发。
hyperui.dev
组件库
HyperUI
组件库
免费开源的 UI 组件，可复制到你的 Tailwind CSS 项目中。
preline.co
组件库
Preline UI
组件库
适合搭建复杂仪表盘界面的 Tailwind CSS 组件。
floatui.com
组件库
Float UI
组件库
专为营销网站拼搭页面打造的 Tailwind CSS 组件。
merakiui.com
组件库
Meraki UI
组件库
内置从右到左语言支持的 Tailwind CSS 组件。
tremor.so
组件库
Tremor
组件库
一套模块化的 React 组件，用于拼搭完整的仪表盘界面。
headlessui.com
组件库
Headless UI
组件库
由 Tailwind Labs 团队打造的无样式、无障碍 UI 组件。
basecn.dev
组件库
Base CN
组件库
将 Base UI 基元重新封装，以融入 shadcn 组件工作流。
easyui.pro
组件库
Easy UI
组件库
一个可复制粘贴的组件库，帮你快速拼搭界面。
eldoraui.site
组件库
Eldora UI
组件库
专为快速搭建网页落地页定制的动效 UI 组件。
velora.colorlib.com
组件库
Velora UI
组件库
一套免费的 Tailwind CSS 组件和预制页面区块，可随取随用。
watermelon.sh
组件库
Watermelon UI
组件库
一个为融入 shadcn 工具生态而打造的 React 组件库。
beautifului.dev
组件库
Beautiful UI
组件库
精致、可复制粘贴的 UI 组件，用于搭建 Web 应用前端。
hexter-ui.com
hexter-ui.com
组件库
Hexter UI
组件库
一套整洁简约的组件合集，可直接用到 shadcn 项目中。
lightswind.com
组件库
Lightswind
组件库
带光照与辉光效果的 Tailwind CSS 组件，打造吸睛的 UI。
reverseui.com
组件库
Reverse UI
组件库
一个用 React 和 Tailwind CSS 搭建界面的组件库。
smoothui.dev
组件库
Smooth UI
组件库
动效丰富的 React 组件，可直接复制到你自己的项目中。
tailark.com
组件库
Tailark
组件库
面向营销网站搭建的 Tailwind CSS 页面区块与组件。
ui-layouts.com
组件库
UI Layouts
组件库
整页布局与 hero 区块，可用 Tailwind CSS 直接拼搭。
kokonutui.com
组件库
Kokonut UI
组件库
富有创意的可交互 UI 组件，以 shadcn 格式封装使用。
nexui.dev
组件库
Nex UI
组件库
一个可扩展的 UI 组件库，面向打造现代创业产品的团队。
ninna-ui.dev
组件库
Ninja UI
组件库
轻量级 UI 组件，助力网站保持轻快、加载迅速。
seraui.com
组件库
Sera UI
组件库
可通过 shadcn 命令行工具直接安装的 React 组件。
reui.io
组件库
Re UI
组件库
基于 Base UI 基元库打造的无障碍 UI 组件。
syntaxui.com
组件库
Syntax UI
组件库
带动效、可复制粘贴的 UI 组件，用于快速拼搭落地页。
shadcn-cssinjs.com
组件库
shadcn-cssinjs
组件库
经过改造的 shadcn 组件，适配采用 CSS-in-JS 样式方案的项目。
transitions.dev
组件库
Transitions
组件库
精选的 CSS 过渡方案与缓动曲线合集，可随取随用。
23rd.dev
组件库
23rd
组件库
shadcn 风格的组件，React 和 Svelte 项目均可使用。
oneko.dhrv.pw
组件库
Oneko
组件库
一只像素风小猫，会在页面上跟着你的光标跑来跑去。
rolling.kitlangton.dev
组件库
Rolling Number
组件库
一个 React 数字计数器，数字变化时带有平滑的滚动动画。
annnimate.com
组件库
Annnimate
组件库
用 GSAP 动画库打造、可直接用于生产环境的动效组件。
getlayers.ai
组件库
GetLayers
组件库
一组 AI 提示词，为你的网站生成电影质感的页面区块。
scrit.to
组件库
Scritto
组件库
提供字符滚动文字过渡效果的组件库，可直接嵌入你的 UI。
ogimagecn.com
组件库
ogimagecn
组件库
基于 Satori 生成 Open Graph 社交分享图的组件。
tripwire.sh
组件库
Dither Kit
组件库
用抖动像素渲染的图表组件，营造复古怀旧的视觉风格。
shieldcn.dev
组件库
shieldcn
组件库
契合 shadcn 风格的 README 徽章，用来美化你的项目文档。
ui.unlumen.com
组件库
unlumen UI
组件库
极简风格的 React 组件库，通过命令行安装和添加。
bearnie.dev
组件库
Bearnie
组件库
专为 Astro 打造、用 Tailwind CSS 设计样式的 UI 组件集。
fluidfunctionalism.com
组件库
Fluid Functionalism
组件库
以基于物理、目的明确的动画驱动运动的 UI 组件。
termcn.dev
组件库
termcn
组件库
基于 Ink 和 OpenTUI、用于构建终端风格界面的 React 组件。
framecn.dev
组件库
framecn
组件库
基于 Editframe，为 React 项目提供程序化视频渲染。
emailcn.run
组件库
emailcn
组件库
兼容 React Email、MJML 和 JSX Email 的响应式邮件组件。
startercn.vercel.app
组件库
startercn
组件库
可直接 fork 的 shadcn/ui registry 启动模板，内置文档、落地页和 agent 支持。
pdfcn.dev
组件库
pdfcn
组件库
基于 Takumi 和 Forme、用于生成 PDF 文档的 React 组件。
editorcn.vercel.app
组件库
editorcn
组件库
基于 Tiptap 框架、可直接嵌入 React 应用的富文本编辑 UI。
shadcn-labs.com
组件库
Shadcn Labs
组件库
面向 shadcn/ui 生态的开源 registry 与工具合集。
frameblox.com
frameblox.com
组件库
Frameblox
组件库
模块化区块和模板，可在 Framer 中拼装成完整网站。
ui.nexvyn.dev
ui.nexvyn.dev
组件库
Nexvyn UI
组件库
精致、可直接嵌入数字界面和应用的 UI 组件。
gradient-spin.vercel.app
gradient-spin.vercel.app
组件库
Gradient Spin
组件库
为 React 项目提供的渐变旋转加载指示器组件。
libraries.dev
组件库
Libraries.dev
组件库
专为 AI agent 使用而设计的 UI 效果与组件合集。
sonaui.com
组件库
Sona UI
组件库
可复制进代码库的动画 React 组件，完全归你所有、可自由改样式。
text-effects.colorion.co
组件库
Colorion Text Effects
组件库
可直接复制粘贴到界面中的动画文字效果。
dotmatrix.zzzzshawn.cloud
组件库
Dot Matrix
组件库
为 shadcn 项目打造的五十多款点阵风格加载动画。
sacred.computer
组件库
SRCL
组件库
重现复古 DOS 时代终端界面外观的组件套件。
prompt-kit.com
组件库
Prompt Kit
组件库
用于构建聊天及其他 AI 界面体验的基础组件。
shoogle.dev
组件库
Shoogle
组件库
索引众多 shadcn registry 中 UI 组件的搜索引擎。
interior.dev
组件库
interior.dev
组件库
精心调校的微交互，点击瞬间就有灵敏的反馈感。
soundcn.xyz
组件库
soundcn
组件库
可复制粘贴的 UI 音效合集，为界面添加声音。
cuelume.dev
组件库
cuelume
组件库
用浏览器 Web Audio API 实时生成的微型界面音效提示。
canvasui.dev
组件库
Canvas UI
组件库
GPU 加速的液体物理效果与 canvas 着色器，带来丰富的 UI 视觉。
odysseyui.com
组件库
Odyssey UI
组件库
构建于 shadcn 组件体系之上的一套动画 React 组件。
spell.sh
组件库
Spell UI
组件库
精心打造的交互式 UI 组件，用于构建现代 Web 应用。
skiper-ui.com
组件库
Skiper UI
组件库
可用 Tailwind CSS 组合与设计样式的动画 UI 基础组件。
devl.dev
组件库
devl
组件库
极简、实验性的 UI 组件，用于构建现代 Web 界面。
uiuno.com
组件库
Uiuno
组件库
借助 AI 整理和管理 shadcn 组件的工作空间。
vengeanceui.com
组件库
Vengeance UI
组件库
围绕滚动驱动交互与效果打造的动画 React 组件。
sensory-ui.com
组件库
sensory-ui
组件库
为 shadcn/ui 组件添加音频反馈的声音设计系统。
amacro.vercel.app
组件库
Amacro
组件库
可直接嵌入的页面进场动画，几乎无需配置即可加入 React 应用。
evilbuttons.com
组件库
Evil Buttons
组件库
精心打造的按钮组件，按下瞬间就有交互感与触感。
componentry.dev
组件库
Componentry
组件库
可定制的 UI 基础组件，用于构建 React 界面。
great-ui.com
组件库
Great UI
组件库
用 React 构建、Tailwind CSS 设计样式的可复制粘贴组件。
ui.ruru.build
组件库
Ruru UI
组件库
无障碍、可定制的 UI 组件，用于构建 React 应用。
shadcnstudio.com
组件库
Shadcn Studio
组件库
包含 shadcn/ui 组件、预制区块和完整模板的库。
shadcn-animated.vercel.app
组件库
Animated shadcn/ui
组件库
由 Motion 驱动的标准 shadcn/ui 组件动画版本，用于打造动画界面。
pinui.xyz
组件库
Pin UI
组件库
用 React 和 Tailwind CSS 构建、风格独特的可复制粘贴组件。
loading.dev
组件库
loading.dev
组件库
为 React 应用提供的轻量加载指示器与加载动画库。
React 与 Web 动画库
11
分区页
motion.dev
动画库
Motion
动画库
生产级动画库，为 web 上的 React 应用添加动效。
gsap.com
动画库
GSAP
动画库
业界广泛使用的 JavaScript 动画引擎，以时间轴为核心。
rive.app
动画库
Rive
动画库
用状态机驱动、构建交互式矢量动画的工具。
lottiefiles.com
动画库
Lottie
动画库
轻量的、基于 JSON 的格式，用于向 web 交付矢量动画。
easingwizard.com
动画库
Easing Wizard
动画库
可视化生成器，为 web 动画定制 CSS 弹簧缓动曲线。
morphrig.dev
动画库
Morphrig
动画库
交互式手册，逐步讲解图标形变动画的原理。
theatrejs.com
动画库
Theatre.js
动画库
可视化时序编排工具，用于编排 DOM 元素的动效设计。
morphicons.com
动画库
morphicons
动画库
动画库，用弹簧物理让图标形变，实现自然的动效。
glimm.dev
动画库
glimm
动画库
由 shader 驱动的页面过渡，为 Next.js 项目的导航添加动画。
devouringdetails.com
动画库
Devouring Details
动画库
交互式电子书，讲授微交互设计的工艺。
textmotion.dev
动画库
textmotion
动画库
零依赖的基础组件，为 web 添加滚动文字动画。
开发工具
进入大类
AI 代码编辑器与开发者工具
24
分区页
claude.com
开发者工具
Claude Code
开发者工具
直接在命令行终端中运行的 agentic 编程助手。
cursor.com
开发者工具
Cursor
开发者工具
AI 优先的代码编辑器，旨在加速软件的编写与交付。
zed.dev
开发者工具
Zed
开发者工具
高性能代码编辑器，专为低延迟、灵敏的编辑体验而打造。
v0.app
开发者工具
v0
开发者工具
将纯文本提示词转化为可用 shadcn/ui 代码的生成式 AI 工具。
bolt.new
开发者工具
Bolt.new
开发者工具
在浏览器中构建和运行全栈应用的沙盒环境。
vite.dev
开发者工具
Vite
开发者工具
面向现代 Web 项目的快速前端构建工具与开发服务器。
biomejs.dev
开发者工具
Biome
开发者工具
用 Rust 编写的快速代码格式化与 lint 工具，面向 Web 开发项目。
playwright.dev
开发者工具
Playwright
开发者工具
自动化浏览器、运行可靠端到端测试套件的框架。
buildertools.sh
开发者工具
BuilderTools
开发者工具
一套专注的开发者工具，帮助你更快地交付软件。
nuqs.47ng.com
开发者工具
nuqs
开发者工具
读写类型安全 URL 查询参数的 React 库。
better-t-stack.dev
开发者工具
Better T Stack
开发者工具
用命令行脚手架搭建现代全栈 TypeScript 项目的工具。
github.com
开发者工具
AI Stack
开发者工具
对比构建 AI 应用所用现代技术栈的目录。
alumnium.ai
开发者工具
Alumnium
开发者工具
用自然语言编写端到端测试，通过 MCP 提供。
vercel-doctor.com
开发者工具
Vercel Doctor
开发者工具
精准定位 Next.js 应用性能瓶颈的诊断工具。
ossperks.com
开发者工具
OSS Perks
开发者工具
为开源项目维护者汇集免费云额度与福利的平台。
vinext.dev
开发者工具
Vinext
开发者工具
让你在 Cloudflare 上构建和运行 Next.js 应用的 Vite 插件。
evlog.dev
开发者工具
evlog
开发者工具
用于在 Web 应用中捕获事件的结构化日志框架。
audio.raphaelsalaja.com
开发者工具
@web-kits/audio
开发者工具
在 Web 应用中声明式添加和控制声音的库。
nuejs.org
开发者工具
Nue
开发者工具
轻量级 Web 框架，定位为更精简的 React 替代方案。
umami.is
开发者工具
Umami
开发者工具
注重隐私的 Web 分析工具，无需 cookie 同意横幅即可使用。
torph.lochie.me
开发者工具
Torph
开发者工具
零依赖的文字变形过渡动画库。
x.ai
开发者工具
x.ai/bot
开发者工具
详细说明 xAI 网络爬虫规范的文档。
tracwell.app
开发者工具
Tracwell
开发者工具
专注追踪网站访客与转化的分析工具。
dialkit.dev
开发者工具
DialKit
开发者工具
应用内悬浮工具栏，让你在操作时实时调节参数。
AI 编程 Agent 与 MCP 服务器
35
分区页
drayhq.com
Agent 与 MCP
Dray
Agent 与 MCP
统一的桌面工作空间，用于运行和管理多个编程 agent。
styles.refero.design
Agent 与 MCP
Refero
Agent 与 MCP
结构化的 DESIGN.MD 规范文件，指导 AI agent 进行设计。
designmd.me
Agent 与 MCP
designmd.me
Agent 与 MCP
生成机器可读的设计规范，供 AI 编码 agent 解析并据此构建。
open-design.ai
Agent 与 MCP
Open Design
Agent 与 MCP
将设计系统打包成标准化格式，供 AI agent 读取并应用。
designmd.supply
Agent 与 MCP
designmd.supply
Agent 与 MCP
一套 DESIGN.MD 模板库，引导 AI 助手遵循你预期的外观与规则。
getdesign.md
Agent 与 MCP
getdesign.md
Agent 与 MCP
交互式生成器，为 AI 编码 agent 制定可遵循的设计规则。
design-md.hyperbrowser.ai
Agent 与 MCP
Hyperbrowser Design.md
Agent 与 MCP
直接从现有网站提取设计规则，生成 DESIGN.MD 文件。
aura.build
Agent 与 MCP
Aura
Agent 与 MCP
构建结构化的设计系统，为 AI agent 提供清晰的工作准则。
neuform.ai
Agent 与 MCP
Neuform
Agent 与 MCP
AI 辅助的界面设计，将你的布局输出为干净可用的代码。
typeui.sh
Agent 与 MCP
typeui.sh
Agent 与 MCP
命令行工具，脚手架生成带类型的 UI 组件，让你从干净的配置起步。
webclaw.io
Agent 与 MCP
Webclaw
Agent 与 MCP
将任意网页转换为干净、结构化的 markdown，便于 AI agent 读取。
ghostex.dev
Agent 与 MCP
Ghostex
Agent 与 MCP
在一处同时运行并协调多个后台编码 agent 会话。
is-agentic.com
Agent 与 MCP
is-agentic.com
Agent 与 MCP
评估网站对爬虫与自动化 agent 的友好程度。
herdr.dev
Agent 与 MCP
Herdr
Agent 与 MCP
分布式运行器，为你的编码 agent 管理并调度任务。
soubi.vercel.app
Agent 与 MCP
Soubi
Agent 与 MCP
编译器，将 agent skill 定义转换为可用的构建产物。
agentcn.run
Agent 与 MCP
agentcn
Agent 与 MCP
生产级、可定制的 AI agent 方案，可直接接入 React 项目。
skills.sh
Agent 与 MCP
skills
Agent 与 MCP
面向 shadcn registry 与日常开发流程打造的 agent skills。
mcpcn.dev
Agent 与 MCP
mcpcn
Agent 与 MCP
用于构建 ChatGPT、Claude 与 MCP 应用界面的 React UI 组件。
integrations.sh
Agent 与 MCP
integrations.sh
Agent 与 MCP
一个 API 集成规范仓库，供 AI agent 参考并据此构建。
fx.sh
Agent 与 MCP
fx
Agent 与 MCP
用 Zig 编写的高性能编码 agent，通过命令行运行。
hyperframes.dev
Agent 与 MCP
HyperFrames
Agent 与 MCP
无头引擎，无需可见浏览器即可将 HTML 渲染为 MP4 视频。
foglamp.dev
Agent 与 MCP
Foglamp
Agent 与 MCP
可观测性工具，持续监控延迟与运行成本。
distill.id
Agent 与 MCP
Distill
Agent 与 MCP
一个 AI agent，将零散的研究笔记收集起来并整理成序。
agentation.com
Agent 与 MCP
Agentation
Agent 与 MCP
将屏幕上的 UI 标注转化为 AI agent 可据此行动的上下文。
opencode.ai
Agent 与 MCP
OpenCode
Agent 与 MCP
开源 AI 编码 agent，常驻终端、通过命令行工作。
impeccable.style
Agent 与 MCP
Impeccable
Agent 与 MCP
一项设计智能 skill，让 AI agent 更懂什么是好的 UI。
skillsync.com
Agent 与 MCP
SkillSync
Agent 与 MCP
让你的 agent 上下文在不同代码编辑器之间保持同步。
getbb.app
Agent 与 MCP
bb
Agent 与 MCP
开源开发环境，专为运行与测试编码 agent 而打造。
capacity.so
Agent 与 MCP
Capacity
Agent 与 MCP
自然语言工作区，将你的 prompt 转化为全栈应用。
lafys.com
Agent 与 MCP
Lafys
Agent 与 MCP
prompt 驱动的生成器，将朴素的描述转化为面向搭建者的 UI 组件。
efecto.app
Agent 与 MCP
Efecto
Agent 与 MCP
以 agent 为先的可视化 web 画布，通过 MCP 接入已连接的工具。
arclabs.space
Agent 与 MCP
Arc labs
Agent 与 MCP
AI 求职工具套件，提供模拟技术面试助你练习。
scira.ai
Agent 与 MCP
Scira
Agent 与 MCP
精简的开源 AI 搜索引擎，用于在全网中查找答案。
kombai.com
Agent 与 MCP
Kombai
Agent 与 MCP
AI 设计工程师，根据你给出的上下文编写 UI 代码。
causal.so
Agent 与 MCP
Causal
Agent 与 MCP
AI 驱动的画布工作区，用于记录笔记与梳理规划。
部署与托管平台
5
分区页
vercel.com
部署托管
Vercel
部署托管
用于部署 Next.js 应用并将其发布到网上的云平台。
developers.cloudflare.com
部署托管
Cloudflare
部署托管
在全球边缘网络上运行无服务器 Workers 来部署应用。
netlify.com
部署托管
Netlify
部署托管
一个网站托管平台，通过持续部署流水线发布你的站点。
railway.app
部署托管
Railway
部署托管
一个基础设施平台，让部署应用和数据库更简单。
fly.io
部署托管
Fly.io
部署托管
将你的 Docker 容器运行在物理上靠近用户的服务器上。
设计素材
进入大类
面向 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
图标库
输入一个单词，就能生成与之匹配的插画。
面向网站的字体与字体工具
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
字体
像素风等宽字体，专为契合终端环境而设计。
面向界面设计的配色工具
5
分区页
oklch.com
配色
OKLCH
配色
基于感知均匀色彩空间的拾色器，用于挑选 UI 配色。
color.review
配色
Color.review
配色
对比度检查工具，帮你构建始终保持无障碍的配色方案。
huetone.ardov.me
配色
Huetone
配色
调色板生成器，平衡对比度以保证 UI 配色无障碍。
myndex.com
配色
APCA
配色
现代对比度算法，贴合人眼对色彩的真实感知。
ramps.studio
配色
Ramps
配色
设计 token 工具，在 OKLCH 空间中生成平滑的色阶。
面向 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 授权贴图的公共素材库，可免费下载并用于任何项目。
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 的渲染器，用于在浏览器中制作动态光球效果。
实用工具
进入大类
面向设计师与开发者的网页工具
34
分区页
svgomg.net
网页工具
SVGOMG
网页工具
基于浏览器的图形化工具，用于优化和清理 SVG 文件。
regexr.com
网页工具
RegExr
网页工具
交互式演练场，可在浏览器中编写和测试正则表达式。
squoosh.app
网页工具
Squoosh
网页工具
直接在浏览器中压缩图片，并左右对比压缩前后的效果。
fffuel.co
网页工具
Fffuel
网页工具
基于浏览器的工具集，用于生成 SVG 纹理、渐变和背景图案。
ui.camera
网页工具
ui.camera
网页工具
制作 3D 样机和场景，用于展示软件界面。
ray.so
网页工具
Ray.so
网页工具
几步点击就能把代码片段变成精美、可分享的图片。
transform.tools
网页工具
Transform
网页工具
多格式转换器，可把 JSON 和类型定义转换成其他代码。
playgrnd.tools
网页工具
Playgrnd
网页工具
一套创意工具，完全离线、直接在浏览器中运行。
tryanim8.com
网页工具
Anim8
网页工具
把 MP4 录屏转换成轻量的 SVG 动画。
ogfolio.com
网页工具
OGFolio
网页工具
预览并检查 Open Graph 社交卡片分享时的显示效果。
dotforge.vercel.app
网页工具
DotForge
网页工具
实时生成抖动（dither）效果，可直接用到你的网页项目中。
asciinator.app
网页工具
ASCIInator
网页工具
无需离开浏览器就能把图片转换成 ASCII 字符画。
vessa.design
网页工具
Vessa
网页工具
把品牌规范发布为可供团队分享的在线网页。
icoon.co
网页工具
Icoon
网页工具
AI 驱动的工具，可按需生成定制的三维图标。
designminis.com
网页工具
Design Minis
网页工具
把各种小型设计工具和比例生成器汇聚于一处。
ascii.krackeddevs.com
网页工具
ASCII (Kracked Devs)
网页工具
直接在浏览器中快速把纯文本转换成风格化的 ASCII 字符画。
literate-enigma-snowy.vercel.app
网页工具
Dither Lab
网页工具
为照片添加复古风格抖动滤镜的工具。
usehallmark.com
网页工具
Hallmark
网页工具
落地页生成器，产出看起来像手工打造的页面设计。
tooooools.app
网页工具
Tooooools
网页工具
一套基于浏览器的工具，用于给图片做抖动和像素化处理。
screan.app
网页工具
Screan
网页工具
制作 App Store 宣传截图样机，用来展示你的应用。
postspark.app
网页工具
PostSpark
网页工具
为截图配上简洁背景，专为社交分享而设计。
drawably.dev
网页工具
Drawably
网页工具
绘图工具，可生成手绘风格的图形用于用户界面。
mesurer.dev
网页工具
Mesurer
网页工具
屏幕标尺，用于在实际网站上测量和检查像素间距。
render-labs.evlog.cloud
render-labs.evlog.cloud
网页工具
Render Labs
网页工具
由 evlog 团队打造的图像渲染工具，面向设计师和开发者。
butterfly.so
网页工具
Butterfly
网页工具
精简的落地页生成器，用于快速验证产品想法。
corne.rs
网页工具
Corne
网页工具
关于 Corne 分体键盘的文档与参考资料。
shiori.sh
网页工具
Shiori
网页工具
可从命令行使用、并能与 Raycast 集成的书签管理器。
opensource-together.com
网页工具
Open Source Together
网页工具
把开发者与可参与贡献的开源项目连接起来的平台。
asciistudio.space
网页工具
ASCII Studio
网页工具
基于浏览器的工作室，可把图片和视频都转换成 ASCII 字符画。
tabbied.com
网页工具
Tabbied
网页工具
生成式工具，用于创作几何图案并导出为 SVG。
studio.rynix.in
网页工具
Rynix Studio
网页工具
演练场，用于实验应用在视频上的实时视觉效果。
mascofast.com
网页工具
Mascofast
网页工具
AI 工具，可创作带透明背景的 3D 动画吉祥物。
screenshot-studio.com
网页工具
Screenshot Studio
网页工具
将平面截图包裹进逼真的 3D 样机，是面向设计师和开发者的实用浏览器工具。
letsreplay.co
网页工具
Replay
网页工具
录制真实访客的会话，让你回放用户实际是如何使用你网站的。
面向设计师与开发者的桌面应用
12
分区页
raycast.com
桌面应用
Raycast
桌面应用
可扩展的 Mac 启动器，能运行命令和搜索，用来替代 Spotlight。
ghostty.org
桌面应用
Ghostty
桌面应用
为速度打造的 GPU 加速终端模拟器，面向命令行开发者。
warp.dev
桌面应用
Warp
桌面应用
用 Rust 编写的终端，将命令输出归整成块，并加入 AI 辅助。
cleanshot.com
桌面应用
CleanShot X
桌面应用
一款 Mac 桌面工具，集截图与录屏于一身。
granola.ai
桌面应用
Granola
桌面应用
一款 AI 记事本，无需派机器人进入会议就能整理出会议纪要。
localsend.org
桌面应用
LocalSend
桌面应用
通过本地 Wi-Fi 网络在附近设备间安全传输文件。
rioterm.com
桌面应用
Canario
桌面应用
一款将命令行会话分隔到不同窗格中的终端。
cooldock.app
桌面应用
CoolDock
桌面应用
一个辅助桌面 Dock，可在应用旁边放置监控小组件。
supaste.com
桌面应用
Supaste
桌面应用
一款 Mac 应用，管理你的剪贴板并保留过往截图的历史记录。
runey.app
桌面应用
Runey
桌面应用
帮助自由职业者开具发票并在一个应用里管理客户。
revone.app
桌面应用
Revone
桌面应用
将各个工具中的支付数据汇集到一个营收仪表盘里。
zen-browser.app
桌面应用
Zen Browser
桌面应用
一款 Firefox 分支，加入了垂直标签页和精简专注的界面。
屏幕录制与视频工具
11
分区页
screen.studio
屏幕录制
Screen Studio
屏幕录制
一款录屏工具，能自动为画面加入平滑的镜头缩放。
remotion.dev
屏幕录制
Remotion
屏幕录制
让你用 React 组件以编程方式构建并渲染视频。
blackmagicdesign.com
屏幕录制
DaVinci Resolve
屏幕录制
一款专业软件，在同一流程中将视频剪辑与调色结合起来。
descript.com
屏幕录制
Descript
屏幕录制
一款 AI 视频编辑器，通过编辑文字稿来剪辑画面。
gif.ski
屏幕录制
Gifski
屏幕录制
将视频转换成高画质 GIF，并保留原始帧率。
slantit.app
屏幕录制
Slant It
屏幕录制
把平面的屏幕截图变成带倾斜角度的立体样机。
remocn.dev
屏幕录制
Remocn
屏幕录制
现成的 Remotion 动画组件，可直接用于视频制作。
bettershot.site
屏幕录制
BetterShot
屏幕录制
一款录屏工具，为录制内容加入光标缩放和字幕。
recordly.dev
屏幕录制
Recordly
屏幕录制
一款录屏工具，用于制作精致的开发者演示。
cursorful.com
屏幕录制
Cursorful
屏幕录制
一款录屏工具，录制时会自动追踪你的光标。
tokokino.com
屏幕录制
Tokokino
屏幕录制
在这款基于浏览器的编辑器里，直接把截图嵌进设备样机中。
白板与草图工具
4
分区页
tldraw.com
白板
tldraw
白板
一块无限画布白板，可通过其 React SDK 嵌入到你自己的应用中。
excalidraw.com
白板
Excalidraw
白板
一款协作式在线白板，所有内容都以手绘草图风格呈现。
obsidian.md
白板
Obsidian
白板
本地优先的 Markdown 知识库，将你的笔记串联成可视化的关系图。
linear.app
白板
Linear
白板
围绕速度打造的项目管理软件，用于规划与追踪工作。
全部 422 个设计与前端工具，附实时预览 — Designeer
