开源 Flapkit：零依赖 React 机械翻页牌组件，支持音效与多语言
bennyschudel · x · 2026-09-18
开发者开源了 Flapkit，一个模拟机场/车站机械翻页显示牌的 React 组件：
- 零依赖，字盘、配色、翻页节奏、机械音效均可自定义
- 支持多语言与 emoji，内置 CSS 与 Canvas 两种动画渲染方式
- 适合做时钟、信息看板或给个人网站增加机械质感
其技术源头是 Jhey 在 Craft of UI 的文章《Time Travel with JavaScript》，核心技巧是用四个子元素加 clip-path 分别表示当前值与下一个值的上下两半，实现翻页动画，避免传统无限轮播中复制 DOM 元素的做法。
「应用」频道最新
- Instagram 创始人做交互式地图终于看懂《地牢爬行者》铁结关卡 — mikeyk · 2026-09-18
- Ethan Mollick 用 Claude Projects 3D 复原翁贝托·艾柯的 3.3 万册藏书 — emollick · 2026-09-18
- Grok Bot 将深度集成 XChat,可直接在聊天中调用自有 Bot — XFreeze · 2026-09-18
- 开源录屏工具 Cap 吸引数千团队从 Loom 迁移数十万视频 — JosephJacks_ · 2026-09-18
- Geodesic 发布 NovaDDE Plus：30 美元/月的 AI 药物发现平台 — QuanquanGu · 2026-09-18
- Okara 推出 AI CMO v3：一站式规划、撰写、排期与衡量社媒内容 — sahilypatel · 2026-09-18