Vuesax
vuesax.com又名 vuesax
面向 AI 编程的 Web Components 库，含 1,289 个组件、1,307 个动画和 181 个整站模板，通过 MCP 服务器让 AI 直接取用源码。
工具有免费版要登录网页英文
Vuesax 是一个 Web Components 资源库，提供组件、动画、整站模板、字体和壁纸等素材。它最大的特点是配套一个 MCP 服务器，让 Claude Code、Cursor 等 AI 编程工具能直接搜索目录、读取属性并写入真实源码，适合用 AI 辅助写前端的人。
主要功能
站内按类别组织素材：1,289 个 UI 组件、1,307 个动画（含 WebGL、canvas 和 shader 循环）、181 个完整网站模板、49 个 3D 等距图形、388 个免费字体家族，以及 50,000 个图标。所有组件都是零依赖的 Web Components，可以放进任何框架，也提供 React 的类型包装。MCP 服务器有 22 个工具，支持按意图搜索、获取源码、添加主题变量等操作。
适合谁
主要给前端开发者和用 AI 写代码的人。如果你想让 AI 助手直接调用现成的 UI 片段和动画，而不是从零生成，这套东西能省去复制粘贴和调试的步骤。它也适合需要快速搭建落地页或原型的设计师。
费用与限制
网站处于 beta 阶段，部分素材免费（如部分动画、字体、壁纸），但完整目录需要订阅 PRO。当前有创始会员促销：年付 299 美元，原价 588 美元。MCP 功能需要 PRO 订阅，并在仪表盘生成以 vsx_ 开头的密钥。使用前需要能访问外网，且界面为英文。
常见问题
Vuesax 收费吗？
Vuesax 有免费版，部分功能或用量要付费。PRO 年付 $299（原价 $588），部分素材免费。
用 Vuesax 要登录吗？
需要登录账号。需在仪表盘生成 MCP 密钥。
Vuesax 有哪些平台 / App？
支持 网页。
Vuesax 的替代品有哪些？
本站整理了 6 个替代品，例如 shadcn/ui、HeroUI、Vue Bits、Tailwind CSS。
替代品 全部 6 个 →
shadcn/ui
开源的 React 组件集合，基于 Radix UI 和 Tailwind CSS，把按钮、对话框、表单等源码放在文档站供按需复制，适合想统一团队组件风格、又不愿被第三方库默认样式绑住的前端开发者。替代现成 UI 组件这一块：开源 React 组件源码可直接改，但没有动画库和 MCP 取用
HeroUI
开源的 React 与 React Native UI 组件库，提供 120 多个内置可访问性的组件，主题配置一次即可同时适配 Web 和移动端，适合已用 React 做项目、想快速搭出统一视觉风格的前端开发者。替代组件库这一块：120 多个可访问性组件加主题配置，缺动画、模板和 AI 直读源码
Vue Bits
面向 Vue 3 的动画组件合集，提供 209+ 个背景、文字特效和交互动效组件，每个组件带可调参数并可直接预览效果，以源码形式拷入项目、不依赖运行时包，适合做落地页或产品页时快速加动效的 Vue 前端开发者。替代动画素材这一块：专注 Vue 的高性能动画组件，没有整站模板和 MCP 服务器
Tailwind CSS
工具类优先的 CSS 框架，用 flex、pt-4 这类原子类直接在 HTML 里拼出界面，靠 md:、dark: 前缀处理响应式与夜间模式，适合用 React、Vue 做项目的前端开发者快速搭页面。替代样式搭建这一块：原子类拼界面，不提供现成组件、动画和模板素材