JS UI Framework
Introduction
The JS UI framework is a set of JS-UI frameworks provided for you to develop OpenHarmony applications on mini system. The following figure shows the framework architecture.
Figure 1 Framework architecture

The JS UI framework consists of the JavaScript data binding framework, JavaScript runtime, and JavaScript framework.
-
JavaScript data binding framework
Provides a set of basic data binding capabilities through JavaScript.
-
JavaScript runtime
Supports parsing and execution of JavaScript code.
-
JavaScript framework
Provides the framework mechanism of JavaScript APIs and components through the C++ language.
Directory Structure
The source code of the framework is stored in /foundation/arkui/arkui_ace_engine_lite. The directory structure is as follows:
/foundation/arkui/arkui_ace_engine_lite
├── frameworks # Framework code
│ ├── common # Common kits
│ ├── examples # Sample code
│ ├── include # Header files
│ ├── module_manager # JS module manager
│ ├── native_engine # JS engine adapter
│ ├── packages # JavaScript implementation
│ ├── src # Source code
│ ├── targets # Configuration files of target devices
│ └── tools # Tool code
├── interfaces # APIs exposed externally
│ └── innerkits # Header files for internal subsystems
│ └── builtin # JavaScript third-party module APIs exposed by the JS UI framework
└── test # Test cases
Available APIs
For details about the APIs, see the JS Application Development.
Usages
-
Application Development
Please refer to Visual Application Development for more application development details.
-
Framework Development
For development action on the JS UI framework itself, please refer to The Framework Debugging Tool, this tool provides one small PC simulator debugging environment, which can be used for framework code development.
Repositories Involved
arkui_ace_engine_lite