跳到主要内容

AirUI 介绍

欢迎来到 AirUI —— 一个现代化、轻量级、模块化的 UI 组件库，旨在为 Web 开发提供简洁、优雅的解决方案。通过 AirUI，您可以轻松构建高效、美观的 Web 应用。

为什么选择 AirUI？​

AirUI 集成了 UI 和 Design 两大模块，专为开发者提供可定制的 Web 组件和一致的设计语言。无论您是开发者还是设计师，AirUI 都能帮助您快速搭建符合现代标准的用户界面。

主要优势​

  • 模块化设计：根据需求选择并自定义组件和样式。
  • 无依赖：完全基于 Web Components 和纯 CSS，避免了对第三方库的依赖。
  • 可定制性强：轻松调整配色、尺寸、布局等，完全符合项目需求。
  • 现代标准：遵循最新的 Web 技术，确保跨平台兼容性和可扩展性。

快速开始​

开始使用 AirUI 非常简单，几步操作即可将其集成到您的项目中。

前置条件​

  • Node.js 18.0 或更高版本
  • 推荐使用 VS Code 或您偏好的代码编辑器

安装 AirUI​

通过 npm 安装 AirUI：

npm install @airdesign/ui

引入并使用​

引入您所需的组件，轻松开始构建 UI：

HTML 示例：

<air-button label="点击我" state="primary"></air-button>

启动开发服务器​

如果您正在本地开发 AirUI，可以运行以下命令启动本地开发服务器：

npm install
npm run start

样式库特点​

  • 统一风格：所有组件遵循统一的设计规范，确保一致的视觉效果。
  • 灵活定制：通过修改变量，您可以自定义主题、颜色、字体等，适应不同的品牌需求。
  • 极简主义：避免过度设计，专注于有效传递信息

适用场景​

AirUI 理想下适用于以下场景：

  • 单页应用（SPA）：无缝集成到任何现代框架或无框架项目中。
  • 内容管理系统（CMS）：轻松开发动态页面组件。
  • 产品展示页：快速搭建并定制化的展示组件

社区与支持​

AirUI 是一个开源项目，欢迎开发者参与贡献。您可以通过 air.js.org 获取更多文档、更新日志以及社区支持