1c8a96e64Sopenharmony_ci# advanced_ui_component 2c8a96e64Sopenharmony_ci 3c8a96e64Sopenharmony_ci## Introduction 4c8a96e64Sopenharmony_ciadvanced_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. 5c8a96e64Sopenharmony_ci 6c8a96e64Sopenharmony_ci## Software Architecture 7c8a96e64Sopenharmony_ci**Figure 1** Relationship between advanced_ui and ArkUI 8c8a96e64Sopenharmony_ci 9c8a96e64Sopenharmony_ci 10c8a96e64Sopenharmony_ci 11c8a96e64Sopenharmony_ci**Figure 2** advanced_ui architecture 12c8a96e64Sopenharmony_ci 13c8a96e64Sopenharmony_ci 14c8a96e64Sopenharmony_ci 15c8a96e64Sopenharmony_ci## Directory Structure 16c8a96e64Sopenharmony_ciThe following figure shows the directory structure. 17c8a96e64Sopenharmony_ci 18c8a96e64Sopenharmony_ci``` 19c8a96e64Sopenharmony_ci/arkui_advanced_ui_component 20c8a96e64Sopenharmony_ci├── atomicservicetabs # Components 21c8a96e64Sopenharmony_ci│ └── interface # APIs 22c8a96e64Sopenharmony_ci│ └── source # framework sorce work 23c8a96e64Sopenharmony_ci├── ..... 24c8a96e64Sopenharmony_ci 25c8a96e64Sopenharmony_ci``` 26c8a96e64Sopenharmony_ci## When to Use 27c8a96e64Sopenharmony_ci 28c8a96e64Sopenharmony_ciWith 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. 29
