UI Bits

从灵感,到组件,再到成品模板

UI Bits 是一个面向设计师与开发者的 UI 参考库。它把「看到一个好看的页面」到「把它做出来」 之间那段最费劲的路,拆成三段各自能站住的内容。

三个库分别解决什么

灵感库

真实产品的界面截图,按场景、页面类型、风格分类。

每条都带设计解析:这个页面在解决什么问题、用了什么手法。看完能说清「为什么好看」,而不只是收藏一张图。

去看看 →

组件库

可以直接复制走的组件源码,含真实可交互的调参预览。

拖滑块改圆角、改主色,预览实时变,代码也跟着变——先确认效果再复制,省掉「贴进去发现不对」的那一轮。

去看看 →

模板库

完整可用的站点模板,支持在线预览与免费下载。

预览是能点能滚的真实页面,不是一张长截图。看中的东西能直接拿走,不用先付费才知道合不合适。

去看看 →

这些内容是哪来的

灵感库的截图全部采自公开可访问的页面,目前以开源开发工具的官网与文档站为主。每条记录都保留原站地址,详情页有「访问原站」直达。

每条内容都带授权字段。凡是我们没有拿到授权的截图,只做缩略图展示、不展示完整长截图,并在详情页标注「仅缩略图展示」。 截图的版权归原产品方所有,本站不作商用、不二次分发原图。

如果你是被收录方并要求移除,走 版权与移除 这一页,不需要解释理由。

组件与模板遵循各自的开源或商业授权协议,复制或使用前请核对对应条款。

我们不做什么

现在做到哪一步

站还在持续补齐。下面这些是已知的缺口,写出来是为了让你看到灰按钮时能判断「是没做」而不是「坏了」。

项目现状
模板在线预览已有 2 个模板配了站内可交互 demo,其余仍是静态封面
组件代码变体提供 React 与 HTML/CSS 两套;Vue、Svelte、Angular 待补
组件实时预览5 个示例组件里有 2 个能实时调参,其余只有说明
Figma 源文件字段已预留,尚未逐条补齐
收藏与项目夹代码已完成,因邮件服务未开通而暂不开放入口
投稿通道一期不开放,原因见下
订阅周刊未开放(退订与合规链路未完成,不先收集邮箱)

投稿一期关闭的原因很实际:审核需要人力、版权归属需要协议、质量参差需要驳回标准, 这三样没准备好之前开放投稿,收进来的东西会拖垮整个库的可信度。

联系

一般问题、内容纠错、合作:hi@uibits.cn

版权投诉与内容移除:dmca@uibits.cn,或直接看 版权与移除。