> Framework-agnostic Web Components for React, Vue, Angular, and native HTML.

Agent instructions: [/zh/skills.md](/zh/skills.md).
Full documentation: [/zh/llms-full.txt](/zh/llms-full.txt).

# EOS UI

- [快速开始](/zh/llms.mdx/docs/getting-started/content.md): 安装 EOS Web Components，并在支持的框架中使用它们。
- [Playground](/zh/llms.mdx/docs/playground/content.md): 试用 EOS UI 自定义元素，并在专注的开发界面中检查它们的行为。
- 组件
  - [组件目录](/zh/llms.mdx/docs/components/content.md): 按用途浏览 EOS UI 组件，查看实时示例、公开 API 和框架集成说明。

  - **通用**
  - 按钮
    - [按钮](/zh/llms.mdx/docs/components/button/content.md): 与框架无关的 Web Component 按钮，支持语义变体、CSS 变量主题和跨框架集成。
  - Select
    - [Select](/zh/llms.mdx/docs/components/select/content.md): 具有罗盘弧线、四向自动定位和虚拟列表的跨框架下拉选择器。

  - **数据展示**
  - 卡片组
    - [卡片组](/zh/llms.mdx/docs/components/card-stack/content.md): 支持鼠标和触控跟手滑动、右划回退及固定数量 DOM 的卡片组。
  - 轮播
    - [轮播](/zh/llms.mdx/docs/components/carousel/content.md): 与框架无关的 Web Component，用于循环展示内容，并支持导航、指示器、自动播放和触摸手势。
  - 图片
    - [图片](/zh/llms.mdx/docs/components/image/content.md): 支持响应式媒体、延迟加载、BlurHash 占位图和明确加载状态的图片组件。
  - 图片组
    - [图片组](/zh/llms.mdx/docs/components/image-group/content.md): 用于展示相关图片的响应式集合，支持紧凑布局和数量溢出提示。
  - 场景
    - [场景](/zh/llms.mdx/docs/components/scene/content.md): 为内容和定位项提供共享的比例坐标空间。
  - 滚动条
    - [滚动条](/zh/llms.mdx/docs/components/scrollbar/content.md): 可附加到任意可滚动容器的、与框架无关的自定义滚动条。

  - **反馈**
  - 进度条
    - [进度条](/zh/llms.mdx/docs/components/progress-bar/content.md): 用于步骤、轮播和可点击导航的分段式进度指示器。