组件 Component 文档站 Docs 游戏/互动 Game / interactive
Maple：零构建原子 CSS Maple: zero-build atomic CSS
浏览器里按类名即时生成原子 CSS，不用构建。 Atomic CSS generated in the browser as classes appear, with no build step.
详细介绍Details
f12io 的 Maple：浏览器内按 DOM 出现的工具类即时生成原子 CSS，无需构建与配置文件；可变优先、OKLCH 调色与混合暗色模式。演示站可公开打开。 f12io’s Maple: a variable-first atomic CSS engine that generates utilities in the browser as classes appear in the DOM — no build step, no config. OKLCH palettes and hybrid dark mode. Demo is publicly open.
适合学什么What to learn
- 组件 Component
可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.
- 文档站 Docs
带可运行示例的文档站与示例索引。 Doc sites and example indexes with runnable samples.
- 游戏/互动 Game / interactive
可直接玩或操作的教学游戏与 WebGL 演示。 Teaching games and WebGL demos you can play in the browser.
为什么推荐Why we recommend it 演示与 GitHub 公开可打开。来自 Hacker News。 Demo and GitHub are publicly open. From Hacker News.
核验记录：来源、抓取与截图说明Verification log: sources, checks, and captures
HN item 49612277。HN item 49612277.
