Horizon UI ⚡️

<p>&nbsp;</p>

<img alt="Horizon UI" src="https://yellow-cdn.veclightyear.com/0a4dffa0/a4adea74-d63b-4bd4-b3f7-e18d1a584fce.png" />

<p>&nbsp;</p>

使用 Horizon UI 开始构建你梦想中的 Web 应用，这是最流行且创新的 Chakra UI 和 React 开源管理模板！

---

简介

为喜欢现代 UI 元素和精美网站的人设计。由数百个元素、设计模块和完全编码的页面组成，Horizon UI 随时准备帮助你创建令人惊叹的网站和 Web 应用。

节省数百小时从头开始创建和开发仪表板的时间。这是最快速、最响应式和最流行的仪表板。真的很棒。

使用 Horizon UI，你可以找到许多页面示例，如 NFT 页面、身份验证页面、个人资料等。只需在基本设计和封面之间选择，你就可以开始了！

🎉 [新] Horizon UI 组件

两个版本的所有主要组件，这将帮助你查看和交互所有最新添加的 Horizon 组件（此外，新组件正在开发中，敬请期待）！⚡️ <a href="https://horizon-ui.com/components/?ref=readme-horizon" target="_blank">查看所有组件</a>

文档

每个元素都在非常完整的文档中得到很好的呈现。你可以<a href="https://horizon-ui.com/documentation/docs/introduction?ref=readme-horizon" target="_blank">在这里阅读更多关于文档的内容。</a>

快速开始

通过运行以下任一命令安装 Horizon UI：

• 从 NodeJs 官方页面 安装 NodeJS LTS 版本 （注意：产品仅适用于 LTS 版本）

使用以下命令克隆仓库：

git clone https://github.com/horizon-ui/horizon-ui-chakra.git

在终端中运行此命令：

npm install

然后运行此命令启动本地服务器：

```bash
npm start

示例页面

如果你想获得灵感或直接向客户展示一些内容，你可以使用我们预构建的示例页面快速启动开发。你将能够快速设置 Web 项目的基本结构。<a href="https://horizon-ui.com/horizon-ui-chakra/?ref=readme-horizon" target="_blank">在这里查看示例页面。</a>

版本

免费版	专业版

Figma 版本

Horizon UI 也有 Figma 格式！在 Figma 社区查看！🎨 查看 Horizon UI Figma 设计文件

报告问题

我们使用 GitHub Issues 作为 Horizon UI 的官方 bug 追踪器。以下是我们为想要报告问题的用户提供的一些建议：

1. 确保你使用的是最新版本的 Horizon UI 仪表板。在我们的 CHANGE LOG 文件 中查看你的仪表板的 CHANGELOG。
2. 为问题提供可重现的步骤将缩短修复问题所需的时间。
3. 某些问题可能是特定浏览器的，因此指出你在哪个浏览器中遇到问题可能会有所帮助。

---

社区

与社区联系！随时提问、报告问题，并结识已经使用 Horizon UI 的新朋友！

💬 加入 #HorizonUI Discord 社区！

版权和许可

⭐️ 2023 Simmmple 版权所有

📄 Horizon UI 许可证