Apodidae
  • 博客
  • 关于
  • 项目
© 2025 - 2026Apodidae·CC BY-NC-SA 4.0
服务条款隐私政策安全政策

向你隆重推出博主自建组件库

2026年5月29日

介绍自建组件库 gemini-uis,专为个人博客项目打造的轻量级 React 组件解决方案

标签

ReactTypeScript组件库

向你隆重推出博主自建组件库

厌倦了那些臃肿的企业级组件库?想要一个真正为个人博客项目量身定制的解决方案?gemini-uis 就是答案。

为什么造轮子?

市面上的组件库要么太重,要么太丑,要么两者兼而有之。对于个人博客这种场景,需要的是:

  • 轻量 - 不需要引入一整个 UI 框架,只取所需
  • 灵活 - 完全掌控样式和行为,不被框架绑架
  • 简洁 - 代码清晰,易于理解和修改
  • 类型安全 - TypeScript 全覆盖,开发体验拉满

gemini-uis 就是基于这些原则打造的,换言之,就是爱折腾。

设计哲学

最小化依赖

不依赖任何第三方 UI 库,只使用必要的工具函数。这意味着更小的 bundle 体积,更快的加载速度。

组件即函数

每个组件都是纯函数,没有魔法,没有黑盒。想改就改,想扩展就扩展。

技术栈

  • TypeScript - 类型安全,开发体验友好
  • React - 函数式组件,Hooks 驱动
  • Tailwind CSS - 原子化 CSS,样式管理清晰
  • clsx - 条件类名处理,代码更优雅

适用场景

gemini-uis 专为个人博客项目设计,适合:

  • 个人技术博客
  • 作品集网站
  • 文档站点
  • 小型内容平台

开源与维护

这是一个持续迭代的项目,会根据实际使用中的需求不断优化和扩展。代码完全开源,欢迎 fork 和贡献。

地址

感兴趣前往:
源码 - https://github.com/Gemini2035/UIs
文档 - https://gemini2035.github.io/UIs/

文章有问题?

立即联系我!

推荐文章

Ts类型检查在Es6下的应用场景一则

分享一个Ts类型检查在Es6下的应用场景

ES6TypeScript
May 29, 2026

欢迎来到我的博客

这是我的第一篇博客文章,介绍这个使用 Next.js + Contentlayer + MDX + Tailwind 构建的博客。

博客Next.js
May 29, 2026

Next.js 开发技巧

分享一些 Next.js 开发中的实用技巧和最佳实践。

React.jsNext.js
May 29, 2026