AI UP LAB HTML 收集 · 每日更新HTML Collection · daily updates

HTML 收集HTML Collection / Scroll-driven Animations Scroll-driven Animations

精选 Featured 动效 Motion 游戏/互动 Game / interactive 文档站 Docs

Scroll-driven Animations Scroll-driven Animations

Chrome 开发者布拉姆斯做的演示站：阅读进度、封面流转、堆叠卡片、横向卷轴等，全部用滚动驱动动画，演示页本身就是手写 HTML/CSS/JS，无构建步骤。 Bramus’s Chrome-developer demo site: reading progress, cover-flow, stacked cards, horizontal scroll, all scroll-driven. The demo itself is handwritten HTML/CSS/JS with no build step.

打开原文Open source 按类型By type

适合学什么What to learn

  • 动效 Motion

    CSS 动画库、纯 CSS 绘画与动效演示。 CSS animation libraries, pure-CSS drawings, and motion demos.

  • 游戏/互动 Game / interactive

    可直接玩或操作的教学游戏与 WebGL 演示。 Teaching games and WebGL demos you can play in the browser.

  • 文档站 Docs

    带可运行示例的文档站与示例索引。 Doc sites and example indexes with runnable samples.

收录理由Why we listed it 官方质量的动效实验室，类型覆盖动效、互动与文档。 Official-quality motion lab. Types cover motion, interactive, and docs.

Scroll-driven Animations 预览

同类型Same type

+ 精选 + Featured 游戏/互动 Game / interactive 文档站 Docs

Bodily Oddities：身体也能「怪」一点的百科 Bodily Oddities: strange things bodies can (sometimes) do

Demjan Vester 的公开互动百科：收录约 143 条人体小怪癖 / 反射 / 感知现象（耳鸣轰鸣、胃咕噜、jamais vu 等），可按身体部位与类型浏览，带「吓人但正常」「现在就能试」入口与搜索。纯前端，Show HN item 49649789（约 271 分）。 Demjan Vester’s public interactive encyclopedia of ~143 bodily quirks / reflexes / percepts (ear rumbling, stomach growling, jamais vu, …), browsable by body region and kind, with “scary but normal” / “try right now” entry points and search. Pure front-end; Show HN item 49649789 (~271 points).

body · encyclopedia
+ 精选 + Featured 工具页 Tool 组件 Component

SparkUI：给 AI Agent 用的一次性互动页（URL 即 UI） SparkUI: ephemeral interactive pages for AI agents (UI via URL)

Limeade Labs 开源的 Agent UI 工具：Agent 一次 API / MCP 调用推送结账、计时、投票、审批等模板页，用户点开 URL 互动，结果经 WebSocket 回传，页可自毁。npm `@limeade-labs/sparkui`，宣称 11 模板 / 8 组件 / MIT；演示站公开可开。非 Grok Bot 官方件，接 MCP 以当日客户端为准。 Limeade Labs’ open-source agent UI toolkit: one API / MCP call pushes checkout, timer, poll, approval and other template pages; the user opens a URL, actions stream back over WebSocket, pages can self-destruct. npm `@limeade-labs/sparkui`; site claims 11 templates / 8 components / MIT; public demo. Not an official Grok Bot piece — MCP wiring depends on the client of the day.

agent-ui · mcp
+ 精选 + Featured 组件 Component 文档站 Docs

DAUB：给 AI 用的 CSS 组件库（84 件 / llms.txt / MCP） DAUB: CSS component library for AI (84 parts / llms.txt / MCP)

sliday 的 DAUB：两文件零构建 CSS/JS 组件库（约 84 组件、21 主题族），带 classless 模式、llms.txt、agent-skills、可复制提示与远程 MCP（generate_ui / catalog / validate / render）。演示站与 playground 公开可开；MIT。 sliday’s DAUB: a two-file, zero-build CSS/JS kit (~84 components, 21 theme families) with classless mode, llms.txt, agent-skills, pasteable prompts, and a remote MCP (generate_ui / catalog / validate / render). Demo and playground are public; MIT.

css · ai-docs