# omni-ui

**Repository Path**: wuba58/omni-ui

## Basic Information

- **Project Name**: omni-ui
- **Description**: omni-ui是58安居客-房产无线团队开源的一套开箱即用的鸿蒙组件库，omni-ui开源旨在降低开发者的入门门槛，提升鸿蒙开发效率。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: https://github.com/wuba/omni-ui/
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 4
- **Created**: 2025-04-29
- **Last Updated**: 2025-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HarmonyUI, 筛选, 图表库, 鸿蒙组件库, OmniUI

## README

<div align="center">
  <a href="https://wuba.github.io/omni-ui">
    <img width="300" src="https://pic1.58cdn.com.cn/nowater/frs/n_v3be298af75a694c31a4fef8b1f33a3eaa.png" alt="Omni-UI Logo">
  </a>
  <h1>Omni-UI</h1>
</div>

<div align="center">
58安居客-房产无线出品的鸿蒙组件库

<a href="https://github.com/wuba/omni-ui"><img src="https://img.shields.io/badge/ohpm-1.0.1-orange.svg" alt="license"></a>
<a href="https://github.com/wuba/omni-ui"><img src="https://img.shields.io/badge/platform-harmony-blue.svg" alt="license"></a>
<a href="https://github.com/wuba/omni-ui/LICENSE"><img src="https://img.shields.io/badge/license-Apache License 2-green.svg" alt="license"></a>
<a href="https://wuba.github.io/omni-ui"><img src="https://img.shields.io/badge/doc-omniui-blue.svg" alt="doc"></a>

</div>

---

Omni-UI是为鸿蒙ArkUI开发设计的UI组件库，具有开箱即用、高扩展性、组件丰富高效的特点，Omni-UI致力于优化鸿蒙开发者的开发体验。

Omni-UI包括：视图、表单、操作反馈、导航、图表5类共25+复合组件，能够覆盖信息展示、状态提示、可视化分析等核心开发需求。

![](https://pic5.58cdn.com.cn/nowater/frs/n_v3720c0d0145af4923bd9f274101654bb1.png)

## 运行示例

使用大于如下版本的 `DevEco Studio` 打开运行 `entry` 即可快速体验组件库示例
> Build Version: 5.0.3.900, built on October 8, 2024

<img src="https://pic4.58cdn.com.cn/nowater/frs/n_v33098193330984e3cb8252fc5581c4a69.png" alt="图1" style="width: 500;">
<br/>
<img src="https://pic4.58cdn.com.cn/nowater/frs/n_v3402ec8716bcc4601ae52a9a948acd490.png" alt="图1" style="width: 500;">

## 快速接入

在需要使用的 `har/hsp` 模块中，通过ohpm安装库
```
ohpm install @wuba58/omni-ui
```
OpenHarmony ohpm 环境配置等更多内容，请参考如何安装 [OpenHarmony ohpm 包](https://ohpm.openharmony.cn/#/cn/help/downloadandinstall)。

**Omni-UI 组件的具体使用，建议大家阅读在线文档:**

> 在线文档：[https://wuba.github.io/omni-ui/](https://wuba.github.io/omni-ui/)
> 
## 贡献者

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/wanbing"><img src="https://avatars.githubusercontent.com/u/7804234?v=4?s=100" width="100px;" alt=""/><br /><sub><b>wan</b></sub></a><br /><a href="https://github.com/wuba/omni-ui/commits?author=wanbing" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/Blues9527"><img src="https://avatars.githubusercontent.com/u/35455720?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Blues9527</b></sub></a><br /><a href="https://github.com/wuba/omni-ui/commits?author=Blues9527" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/miserydx"><img src="https://avatars.githubusercontent.com/u/17892391?v=4?s=100" width="100px;" alt=""/><br /><sub><b>miserydx</b></sub></a><br /><a href="https://github.com/wuba/omni-ui/commits?author=miserydx" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/betterton"><img src="https://avatars.githubusercontent.com/u/15278601?v=4?s=100" width="100px;" alt=""/><br /><sub><b>betterton</b></sub></a><br /><a href="https://github.com/wuba/omni-ui/commits?author=betterton" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/imyeego"><img src="https://avatars.githubusercontent.com/u/7095685?v=4?s=100" width="100px;" alt=""/><br /><sub><b>imyeego</b></sub></a><br /><a href="https://github.com/wuba/omni-ui/commits?author=imyeego" title="Code">💻</a></td>
    <td align="center"><a href="https://github.com/shuchaia"><img src="https://avatars.githubusercontent.com/u/48520485?v=4?s=100" width="100px;" alt=""/><br /><sub><b>shuchaia</b></sub></a><br /><a href="https://github.com/wuba/omni-ui/commits?author=shuchaia" title="Code">💻</a></td>
  </tr>
</table>

<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

## LICENSE
Apache License 2