一个只做“时钟”这一件事的网站,7月14日到15日两天里在 Hacker News 上被同一位开发者提交了两次,第二次反而比第一次更火。这个网站叫 Clocks.dev,页面很简单:一屏缩略图,每个都是一种数字时钟的设计,标着投票数,按“全部时间/本周/最新”排序,点进去能看效果,还能自己创建一个提交上去。开发者 levmiseri 在页面底部留了一句话——“All clocks are open source”,所有时钟都是开源的。
这句话,查下来站不太住。
时钟画廊不是新鲜事,新鲜的是它把范围收得够窄
数字时钟、模拟时钟的生成式设计,在前端和创意编程圈子里是个老练习题——CodePen、Processing、Three.js 上这类作品攒了多年,谁都能翻出一堆。Clocks.dev 做的事,本质是把 Dribbble、CodePen Collections 这种“作品集+社区投票”的老模式,套在了“时钟”这一个具体到不能再具体的 UI 组件上。
范围窄有好处:门槛低,新手照着抄一个能跑的时钟不难;也好逛,几十个缩略图扫一眼就能挑出喜欢的风格,从极简圆盘、复古石英表到二进制显示、单词拼写钟都有。这类“单一元素+开放提交”的打法,对独立开发者是条低成本冷启动的路子——不需要讲宏大故事,做好一件小事就能上 Hacker News。
“开源”写在官网上,仓库在哪没人指得出
levmiseri 在 Reddit 上解释过实现方式:每个时钟是一个 Svelte 组件,接收一个时间对象就能渲染。网站也提供了创建界面,能现场演示怎么加一个新的模拟时钟设计进去。这套流程本身挺清楚。
但“开源”指的是什么,页面没说明白。一种理解是单个时钟的 Svelte 组件源码,能在创建/编辑界面里直接看到;另一种理解是整个 Clocks.dev 应用的代码托管在公开仓库里,任何人都能拉下来自己跑。查证下来,能确认的是前者,后者目前没找到对应的公开仓库。
组件能看不等于全站开源,这中间差着一整套工程和治理成本
这个区别不是抠字眼。真正的“开源项目”意味着任何人可以复刻整站、可以提 PR、可以审计安全和数据处理逻辑;“单个组件源码可查”只是方便学习和抄写法,离“开源”还差一层责任和权限。对准备把 Clocks.dev 当成学习素材或组件库的前端开发者来说,分清这两者很重要——想直接抄一个时钟的写法,没问题;想指望这是个可持续维护的开源社区项目,证据目前不够。
投票数怎么来的,同样没交代
- 提醒.页面上的投票数(13、10、9……一路到0)是点赞、浏览还是收藏,规则没公开,人气排序的公正性目前无从验证。
把 Clocks.dev 放进同类产品里看,位置更清楚。氛围向的 Contarium Clocks、靠 AI 模型每分钟重新生成表盘的 AI World Clocks、CMU 的 p5.js/Processing 时间可视化作品集、CodePen 上现成的时钟合集、学生作品展示 GDD140、全屏怀旧风的 Web Candy Clocks——这几家各自在“策展审美”“可复用代码”“生成式概念”“创意突破”上都有更极致的一端。Clocks.dev 更像是在这几个维度之间做了一次折中,没有哪一项做到最强,胜在把“投稿门槛低、组件能直接用”这两件事拼在了一起。
- 结论.对独立开发者,这类项目提供的是一个可复制的低成本上线范式;但“开源”这类标签被用得越随意,读者核实的成本就越高,值得留意后续 levmiseri 会不会补一个真正公开的仓库。