GitHub 宝藏项目推荐:开发者必备的小众神器

今天不聊大道理,直接上干货。

每天在 GitHub 上逛项目已经成了习惯。看多了几万 Star 的大项目,反而对那些小而精的工具更感兴趣——它们通常专注一个痛点、维护积极、没有包袱

今天分享 5 个近期发现的好东西。


1. Responsively App — 响应式调试神器

⭐ 24.8k stars | Electron | 免费开源

responsively-org/responsively-app

一个专门为响应式开发设计的浏览器。打开一个网页,它会同时显示手机、平板、桌面等多种尺寸,而且滚动和点击是同步的——你在桌面端滚动,其他视口也会跟着动。

亮点:

  • 内置常用设备尺寸,也支持自定义
  • 截图功能一键导出所有尺寸
  • 支持热重载,本地开发效率拉满
  • 有浏览器扩展,可以快速在真实设备上预览

再也不用 F12 来回拖动窗口了。


2. Reactime — React 状态时光机

⭐ 2.2k stars | Chrome 扩展

open-source-labs/Reactime

React 开发者的新玩具。它是一个 Chrome DevTools 扩展,可以记录应用状态的变化历史,让你像操作 git 一样回滚到任意时间点。

用它能做什么:

  • 查看每次 state 变化前后的快照
  • 时间旅行:点击任意历史状态,页面即时回退
  • 可视化组件树和状态流转

尤其适合调试那些”点了几下之后状态乱了”的玄学问题。


3. Sourcebot — 自托管代码搜索

⭐ 3.1k stars | TypeScript | Docker 部署

sourcebot-dev/sourcebot

如果你用过 Sourcegraph,这个就是它的轻量替代版。可以连接 GitHub/GitLab 仓库,建立代码索引,然后通过类 Google 的语法搜索。

repo:my-project file:.tsx component:Button

适合场景:

  • 公司内部代码库搜索(数据在自己服务器)
  • 离线环境下的代码检索
  • 不想付 Sourcegraph 的 enterprise 费用

部署很简单,一条 docker run 就起来了。


4. Yamada UI — React 动画组件库

⭐ 1.0k stars | React + TypeScript

yamada-ui/yamada-ui

一个新兴的 React 组件库,主打开箱即用的动画效果。表单校验、弹窗出现、列表加载……内置了丰富的 motion preset,一行代码就能做出流畅的过渡效果。

import { Fade } from "@yamada-ui/react"

<Fade in={isOpen}>
  <Modal>内容</Modal>
</Fade>

特色:

  • 遵循 WAI-ARIA 标准,无障碍支持好
  • 深色模式支持完善
  • 文档做得相当用心

现在 Star 数还不多,但更新很勤快,值得关注。


5. HackerTab — 开发者专属浏览器首页

⭐ 750 stars | TypeScript

medyo/hackertab.dev

一个开源的浏览器新标签页插件,聚合了 GitHub Trending、Hacker News、Product Hunt 等开发者常逛的站点。

个性化程度很高:

  • 支持按语言筛选 GitHub 趋势(只看 TypeScript、Rust 等)
  • 可以自定义显示哪些信息源
  • 有深色模式

每天开浏览器第一眼就是技术动态,摸鱼都摸得更专业了。


小结

项目定位推荐理由
Responsively App响应式调试多设备同步预览,开发效率翻倍
ReactimeReact 调试状态时光机,debug 神器
Sourcebot代码搜索自托管、私有化、免费
Yamada UI组件库动画丰富,文档良心
HackerTab浏览器首页技术资讯聚合,摸鱼利器

这些项目都有几个共同点:解决具体问题、维护活跃、文档完整。如果你的项目正好有对应需求,不妨试试看。


文章发表于 gumi.ink