案例展示

探索使用 VitePress 构建的优秀项目，获取灵感和参考。

官方案例

官方推荐

这些是 VitePress 官方团队推荐的最佳实践案例。

Vue.js 官方文档

Vue.js 官方文档

官方

Vue.js 框架的官方文档站点，完美展示了 VitePress 的能力。

访问站点 →查看源码

Vite 官方文档

Vite 官方文档

官方

Vite 构建工具的官方文档，展示了多语言支持和交互式演示。

访问站点 →查看源码

VitePress 官方文档

VitePress 官方文档

官方

本站点的官方源码，展示了 VitePress 的全部功能。

访问站点 →查看源码

社区案例

组件库文档

🎨

Element Plus

社区

基于 Vue 3 的企业级组件库，使用 VitePress 构建完善的组件文档。

组件库Vue 3TypeScript

访问站点 →

🔧

Ant Design Vue

社区

企业级 UI 组件库，文档站点支持国际化。

组件库i18n企业级

访问站点 →

🎯

Arco Design Vue

社区

字节跳动出品的企业级设计系统，提供高质量的 Vue 3 组件库。

组件库字节跳动Vue 3

访问站点 →

🥜

NutUI

社区

京东风格的轻量级移动端组件库，支持 Vue 3 和 TypeScript。

移动端京东轻量级

访问站点 →

🌈

Varlet

社区

基于 Vue 3 的 Material Design 移动端组件库，支持 VS Code 插件。

移动端Material DesignVue 3

访问站点 →查看源码

框架与工具文档

🔲

VueUse

社区

Vue Composition API 实用工具集，文档站展示了丰富的交互式代码示例。

工具库Composition APITypeScript

访问站点 →查看源码

🍍

Pinia

社区

Vue 官方推荐的状态管理库，文档站包含核心概念、插件和最佳实践。

状态管理Vue 3官方推荐

访问站点 →查看源码

🚀

Nuxt

社区

Vue 全栈框架，文档站包含完整模块、部署和最佳实践指南。

全栈框架SSR多语言

访问站点 →查看源码

🧪

Vitest

社区

Vite 原生的测试框架，文档站展示了快速、模块化的前端测试方案。

测试框架Vite极速

访问站点 →查看源码

🎨

UnoCSS

社区

即时原子化 CSS 引擎，文档站包含完整的配置指南和预设说明。

CSS引擎原子化高性能

访问站点 →查看源码

🛣️

Vue Router

社区

Vue.js 官方路由，文档站涵盖路由配置、导航守卫、动态路由等核心概念。

路由官方SPA

访问站点 →查看源码

⚡

Vue Macros

社区

探索并扩展 Vue 的更多可能性，文档站展示各种 Vue 宏功能。

宏实验性Vue 3

访问站点 →查看源码

博客与个人站点

📝

个人技术博客

社区

使用 VitePress 搭建个人技术博客，支持文章分类、标签、归档等功能。

博客个人站点评论系统

查看教程 →

👤

个人作品集

社区

展示项目、技能和工作经历的专业作品集网站。

作品集简历个人品牌

查看教程 →

📄

在线简历

社区

简洁专业的在线简历网站，支持打印和 PDF 导出。

简历求职响应式

查看教程 →

API 文档站

📡

API 文档站

社区

构建 REST API 文档站点，支持交互式 API 测试和代码示例。

API 文档OpenAPI交互式

查看教程 →

中文技术社区

🇨🇳

TDesign

社区

腾讯开源的企业级设计体系，覆盖 Web、小程序、Mobile 多端组件库。

组件库多端企业级

访问站点 →

☁️

CloudBase 文档

社区

腾讯云开发（CloudBase）官方文档，使用 VitePress 构建，支持云函数、数据库、存储等功能文档。

云开发ServerlessBaaS

访问站点 →

提交你的案例

如果你使用 VitePress 构建了优秀的站点，欢迎提交展示！

如何提交

1. Fork 本仓库
2. 在 docs/showcase.md 中添加你的案例
3. 提交 Merge Request