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

HTML 收集HTML Collection / njX UI：CDN 落地页 CSS 库（30+ 组件 / 9 主题） njX UI: CDN landing-page CSS kit (30+ components / 9 themes)

精选 Featured 组件 Component 文档站 Docs 落地页 Landing

njX UI：CDN 落地页 CSS 库（30+ 组件 / 9 主题） njX UI: CDN landing-page CSS kit (30+ components / 9 themes)

njX UI：一条 CDN 链即可拼落地页的 CSS 优先库——按钮 / 卡片 / 表单 / 动效 / 渐变 / Hero 块，九套 data-theme，可选 Alpine 预设。本页即完整预览，npm 包 `njx-ui`。无框架、无构建。 njX UI: a CSS-first landing kit from one CDN link — buttons / cards / forms / motion / gradients / hero blocks, nine `data-theme` palettes, optional Alpine preset. This page is the full live preview; npm package `njx-ui`. No framework, no build.

打开原文Open source 按类型By type

适合学什么What to learn

  • 组件 Component

    可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.

  • 文档站 Docs

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

  • 落地页 Landing

    可下载或在线预览的营销页、封面与整页模板。 Downloadable or in-browser marketing pages, covers, and full-page templates.

收录理由Why we listed it 演示站与 npm 公开可开（2026-09-11）。组件数 / 体积为站点自述；未找到独立开源仓库页时以 npm + 演示站为准。 Demo and npm are public (2026-09-11). Component counts and bundle size are site claims; when no separate public repo page is found, treat npm + demo as the source.

njX UI：CDN 落地页 CSS 库（30+ 组件 / 9 主题） 预览

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