title: 首页
description: Built beautiful websites using Nuxt & Vue
icon: "lucide:home"
---

# 欢迎来到 Inspira UI

使用 Nuxt 和 Vue 构建漂亮的网站。

---

Inspira UI 是由 [TailwindCSS](https://tailwindcss.com/), [motion-v](https://motion.dev/docs/vue), [gsap](https://gsap.com/) 和 [threejs](https://threejs.org/) 提供支持的可重复使用动画组件的集合，旨在帮助您更快、更好地交付。

无论您是开始一个新项目还是完善当前项目，这里都是您的起点。

## 快速链接

::card-group
::card{ icon="lucide:rocket" title="快速开始" description="通过安装、设置和使用指南开始您的旅程。" to="/getting-started"}
::
::card{ icon="lucide:play" title="安装" description="探索安装 Inspira UI 的不同方法——通过 CLI、手动导入或复制粘贴。" to="/getting-started/installation"}
::
::card{ icon="lucide:box" title="组件" description="浏览完整的组件列表，每个组件都有清晰的文档和漂亮的预览。" to="/components"}
::
::card{ icon="lucide:blocks" title="代码块" description="发掘现成的布局块，您可以混合搭配以构建完整的部分和页面。" to="/blocks"}
::
::

## 加入社区

我们携手共建！欢迎来打个招呼、分享反馈或贡献力量！

- [**Discord**](https://discord.gg/Xbh5DwJRc9) – 在社区中交流并获得帮助
- [**X (Formely Twitter)**](https://x.com/rahulv_dev) – 关注最新动态并抢先体验
- [**Bluesky**](http://bsky.app/profile/inspira-ui.com) – 独立和另类网络对话
- [**GitHub**](https://github.com/unovue/inspira-ui) – 收藏我们仓库以支持我们！ ★

## 支持我们

[**成为赞助商**](https://github.com/sponsors/rahul-vashishtha)，帮助我们成长并保持 Inspira UI 蓬勃发展💜。

## Repo Stats

![Repo Stats](https://repobeats.axiom.co/api/embed/da99e5e9c8ddaaff68b7f57b56ae21d5e0ea2ed2.svg "Repobeats analytics image")

## Thanks to all the contributors 🙏

[![Contributors](https://contrib.rocks/image?repo=unovue/inspira-ui)](https://github.com/unovue/inspira-ui/graphs/contributors)

---

由 [Rahul Vashishtha](https://rahulv.dev) 和 Vue 社区用制作♥。