1# advanced_ui_component
2
3## Introduction
4advanced_ui is an ArkTS-based UI framework that offers efficient UI combinations for applications in different use cases, bolstered by closed, consistent, and out-of-the-box public component APIs.
5
6## Software Architecture
7**Figure 1** Relationship between advanced_ui and ArkUI
8
9![](figures/advanced_ui_en.png "Relationship between advanced_ui and ArkUI")
10**Figure 2** advanced_ui architecture
11
12![](figures/advanced_ui_sub_en.png "advanced_ui architecture")
13
14## Directory Structure
15The following figure shows the directory structure.
16
17```
18/arkui_advanced_ui_component
19├── interface                       # APIs
20│   ├── arkdialog                   # Components
21│   └── composelistitem
22│   └── .....
23
24├── source                          # Framework source code
25│   ├── arkdialog                   # Components
26│   └── composelistitem
27│   └── .....
28```
29## When to Use
30
31With advanced_ui, you can develop your application UI must faster, leveraging its diverse array of UI component combinations with consistent design and style definitions. You can use and reuse any component anywhere as needed.
32
33## How to Use
34> See the [doc folder](https://gitee.com/openharmony-sig/arkui_advanced_ui_component/tree/master/doc).
35
36