组件 · AI UP LAB

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

+ 精选 + Featured 组件 Component 文档站 Docs

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.

css · cdn

+ 精选 + Featured 组件 Component 文档站 Docs

shadcss：无 JS 的 shadcn 风 HTML/CSS 组件 shadcss: shadcn-look HTML/CSS with zero JS framework

russfranky 的 MIT 组件库：把 shadcn/ui 视觉搬到纯 HTML/CSS（`:has()`、Popover API、原生 dialog、设计 token），面向 SSR / HTMX / Astro / AI 生成页。演示站公开可打开，声称数十个组件、gzip 十多 KB、零运行时依赖。 russfranky’s MIT kit: shadcn/ui visuals in plain HTML/CSS (`:has()`, Popover API, native dialog, design tokens) for SSR / HTMX / Astro / AI-generated pages. Public demo; dozens of components, ~tens of KB gzipped, zero JS runtime.

css · html

+ 精选 + Featured 组件 Component 文档站 Docs

Maple：零构建原子 CSS Maple: zero-build atomic CSS

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.

css · atomic

+ 精选 + Featured 组件 Component 游戏/互动 Game / interactive

Ambient CSS v3：物理光照 CSS Ambient CSS v3: physically based CSS

kikkupico 的物理光照 CSS：共享 key/fill 光，阴影与表面梯度跟着光向走。演示页可调材质、厚度、边缘与旋钮面板；另有纯 CSS 包与 React 组件。 kikkupico’s physically based CSS: a shared key/fill light so shadows and surface gradients follow the light vector. The demo retints materials, thickness, edges, and knob panels; ships a pure CSS package plus React components.

css · skeuomorphic

组件 Component

Millenium Bug：90 年代银行风 CSS Millenium Bug: retro-banking CSS

无依赖 classless-first CSS，把语义 HTML 收成 90 年代末银行后台：嵌套灰字段、钴蓝页签、荧光黄高亮。一文件、零构建。 A dependency-free, classless-first CSS kit that restyles semantic HTML as late-90s bank back-office UI: nested gray fieldsets, cobalt tabs, fluorescent yellow highlights. One file, zero build.

css · retro

组件 Component 文档站 Docs

Pico CSS Pico CSS

面向语义 HTML 的极简 CSS 框架官网：几乎不用 class，直接美化原生表单、按钮与排版。 Minimal CSS framework site for semantic HTML: almost no classes, styles native forms, buttons, and type directly.

framework · semantic-html

组件 Component 文档站 Docs

Shoelace Shoelace

基于 Web Components 的开源组件库文档站（现导向 Web Awesome）。可用 CDN 直接插入 <sl-button> 等自定义元素。 Open-source Web Components library docs (now pointing to Web Awesome). Drop custom elements such as <sl-button> in via CDN.

web-components · design-system

文档站 Docs 组件 Component

Open Props Open Props

Adam Argyle 的 CSS 变量设计令牌项目官网：颜色、阴影、动画等 props 可直接引入普通 HTML 页。 Adam Argyle’s CSS-variable design-token site: colors, shadows, motion, and other props you can drop into a plain HTML page.

design-tokens · css-variables

落地页 Landing 组件 Component

Bootstrap Examples Bootstrap Examples

Bootstrap 5.3 官方示例：封面、定价、仪表盘、博客、相册等完整 HTML 页面片段与起步模板。 Official Bootstrap 5.3 examples: full HTML page fragments and starter templates for covers, pricing, dashboards, blogs, albums, and more.

bootstrap · templates

动效 Motion 组件 Component

css-doodle css-doodle

基于 Web Components 的 CSS 图案生成器：用扩展 CSS 语法画网格、图形与动画，文档站本身就是可点击的现场演示。 Web Components CSS pattern generator: draw grids, shapes, and motion with an extended CSS syntax. The docs site is a clickable live demo.

web-components · css

工具页 Tool 游戏/互动 Game / interactive

slideVars slideVars

CodePen 开源的 CSS 变量控制面板：自动读取 :root 自定义属性，生成滑杆和取色器，改值立刻反映到页面。MIT，演示页公开可访问。 CodePen’s open-source CSS-variable control panel: it auto-detects :root custom properties, builds sliders and color pickers, and reflects changes live. MIT, and the demo page is public.

css · custom-properties

+ 精选 + Featured 组件 Component 游戏/互动 Game / interactive

PolyCSS：不用 WebGL 的 CSS 3D 引擎 PolyCSS: a CSS 3D engine without WebGL

Layoutit 的 DOM 原生 CSS 3D：OBJ/glTF/VOX 的每个多边形都是可点选的 DOM 节点，用 matrix3d 摆位置。有公开画廊、builder，以及 vanilla / React / Vue 入口。 Layoutit’s DOM-native CSS 3D: every polygon from OBJ/glTF/VOX is a clickable DOM node placed with matrix3d. Public gallery and builder, plus vanilla / React / Vue entry points.

css · 3d