# Evoke UI

> 面向官网与纯前端站点的 Vue3 组件库 —— Clean Navy 设计语言，明暗双主题与运行时主题定制

## Table of Contents

### 移动端

- [移动端适配](/mobile.md)
- [布局与导航壳](/mobile/layout.md)
- [内容流](/mobile/content.md)
- [表单与转化](/mobile/forms.md)

### 案例

- [案例：H5 官网](/mobile/case.md)
- [案例：个人中心](/mobile/case-profile.md)
- [案例：商品详情与结算](/mobile/case-shop.md)
- [案例：登录注册](/mobile/case-auth.md)

### 移动端组件 · 手势与加载

- [PullRefresh 下拉刷新](/mobile/components/pull-refresh.md)
- [LoadMore 加载更多](/mobile/components/load-more.md)

### 移动端组件 · 浮层与导航

- [ActionSheet 动作面板](/mobile/components/action-sheet.md)
- [NavBar 页头](/mobile/components/nav-bar.md)
- [Tabbar 底部标签栏](/mobile/components/tabbar.md)

### 案例

- [案例](/cases.md)
- [案例：企业官网](/cases/corporate.md)
- [案例：个人博客](/cases/blog.md)
- [案例：云笔记工作台](/cases/notes.md)
- [案例：AI 产品首屏](/cases/ai-landing.md)

### 指南

- [快速开始](/guide/getting-started.md)
- [设计语言](/guide/design.md)
- [主题与暗色模式](/guide/theming.md)
- [主题定制器](/guide/customizer.md)
- [磨砂玻璃](/guide/glass.md)
- [动效](/guide/motion.md)
- [滚动叙事](/guide/scroll.md)
- [更新记录](/guide/changelog.md)

### 总览

- [组件总览](/components/overview.md)

### 基础

- [Icon 图标](/components/icon.md)
- [全部图标](/components/icons.md)
- [Button 按钮](/components/button.md)
- [IconButton 图标按钮](/components/icon-button.md)
- [Tag 标签](/components/tag.md)
- [Badge 徽标](/components/badge.md)
- [Keycap 键帽](/components/keycap.md)
- [Input 输入框](/components/input.md)
- [OtpInput 验证码输入框](/components/otp-input.md)
- [Textarea 多行输入](/components/textarea.md)
- [Select 下拉选择](/components/select.md)
- [Field 字段包装](/components/field.md)
- [Tabs 标签页](/components/tabs.md)
- [Switch 开关](/components/switch.md)
- [Slider 滑块](/components/slider.md)
- [Avatar 头像](/components/avatar.md)
- [AvatarGroup 头像组](/components/avatar-group.md)

### 布局

- [Container 容器](/components/container.md)
- [Section 区块](/components/section.md)
- [ScrollScene 滚动场景](/components/scroll-scene.md)
- [Bento 图文组合分区](/components/bento.md)
- [Card 卡片](/components/card.md)
- [Hero 首屏](/components/hero.md)
- [Navbar 导航](/components/navbar.md)
- [Footer 页脚](/components/footer.md)

### 站点区块

- [SearchBox 搜索框](/components/search-box.md)
- [AiPromptBox AI 输入台](/components/ai-prompt-box.md)
- [IconGrid 图标网格](/components/icon-grid.md)
- [FeatureGrid 特性](/components/feature-grid.md)
- [Statistic 指标](/components/statistic.md)
- [LogoCloud 品牌墙](/components/logo-cloud.md)
- [PricingCard 定价卡](/components/pricing-card.md)
- [ComparisonTable 对比表](/components/comparison-table.md)
- [Faq 手风琴](/components/faq.md)
- [Quote 评价](/components/quote.md)
- [ArticleCard 文章卡](/components/article-card.md)
- [Article 文章内容](/components/article.md)
- [ProfileCard 个人名片](/components/profile-card.md)
- [ExecCard 高管介绍卡](/components/exec-card.md)
- [Timeline 时间线](/components/timeline.md)
- [Cta 行动召唤](/components/cta.md)
- [Newsletter 订阅](/components/newsletter.md)
- [Alert 公告](/components/alert.md)

### 媒体与交互

- [Video 视频](/components/video.md)
- [Audio 音频](/components/audio.md)
- [Carousel 轮播](/components/carousel.md)
- [ImageWall 图片墙](/components/image-wall.md)
- [Waterfall 瀑布流](/components/waterfall.md)
- [ImagePreview 图片预览](/components/image-preview.md)
- [Modal 弹出层](/components/modal.md)
- [Marquee 跑马灯](/components/marquee.md)
- [BorderBeam 边框流光](/components/border-beam.md)
- [ContactForm 留言表单](/components/contact-form.md)

### 反馈与主题

- [CodeBlock 命令块](/components/code-block.md)
- [Markdown 渲染](/components/markdown.md)
- [Markdown 编辑器](/components/markdown-editor.md)
- [ThemeToggle 主题切换](/components/theme-toggle.md)
- [ConfigProvider 主题配置](/components/config-provider.md)

### Other

- [在线案例：AI 产品首屏](/cases/live/ai-landing.md)
- [在线案例：个人博客](/cases/live/blog.md)
- [在线案例：云笔记工作台](/cases/live/notes.md)
- [在线案例：企业官网](/cases/live/corporate.md)