> For the complete documentation index, see [llms.txt](https://docs-uikit.gitbook.io/ui-kit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-uikit.gitbook.io/ui-kit/guide/getting-started.md).

# Getting Started

This source allows you to interface MTA:SA with DirectX functions and handle additional functionality in a no-code way.

### 💭  How does it work? <a href="#want-this-page-as-an-extension-for-vscode" id="want-this-page-as-an-extension-for-vscode"></a>

Unlike other DirectX libraries created for MTA:SA, UIKit is Element and class based. This makes the source code and its use compact and provides great flexibility in the use of UI components.

Here is a sketch we drew before we started UIKit, this might help you understand how it works.

<figure><img src="https://3049038415-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaHJX9teDAt0y4sZNryyz%2Fuploads%2FVdhPQTAUUIIbLnaTES1n%2Fimage.png?alt=media&amp;token=6f7754aa-8d7e-42d5-a3bf-14e83fadfe7d" alt=""><figcaption></figcaption></figure>

### ✏️ Want to Contribute? <a href="#want-to-contribute" id="want-to-contribute"></a>

Want to support the project according to the code hierarchy? Visit the repository page on GitHub!