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

HTML 收集HTML Collection / CSS Zen Garden CSS Zen Garden

精选 Featured 作品集 Portfolio 文档站 Docs

CSS Zen Garden CSS Zen Garden

同一份 HTML，切换不同作者的外部样式表，展示纯 CSS 能把页面做成完全不同的视觉设计。Dave Shea 发起的经典 CSS 设计展览。 The same HTML, different authors’ external stylesheets — a show of how far pure CSS can restyle a page. Dave Shea’s classic CSS design exhibit.

打开原文Open source 按类型By type

适合学什么What to learn

  • 作品集 Portfolio

    用 HTML/CSS 本身当作品展示的站点。 Sites that use HTML/CSS itself as the exhibit.

  • 文档站 Docs

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

收录理由Why we listed it 结构与表现分离的教科书级公开页，适合「作品集 / 文档站」类收集。 A textbook public page on separating structure from presentation. Fits “portfolio / docs.”

CSS Zen Garden 预览

同类型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