# Native UI

Essential Kit's Native UI feature provides platform-native alert dialogs and date/time pickers without maintaining platform-specific code. This tutorial walks you through creating professional UI components that feel native to each platform.

{% hint style="info" %}
Using PlayMaker? See the PlayMaker guide: [PlayMaker](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/playmaker).
{% endhint %}

{% hint style="info" %}
Looking for a working reference? Open the demo scene at `Assets/Plugins/VoxelBusters/EssentialKit/Examples/Scenes/NativeUIDemo.unity` and the companion script at `Assets/Plugins/VoxelBusters/EssentialKit/Examples/Scripts/NativeUIDemo.cs` to see the full API in action.
{% endhint %}

## What You'll Learn

* Create alert dialogs with multiple buttons and text input fields
* Build date and time pickers for user input collection
* Handle dialog callbacks and user interactions properly
* Design platform-appropriate UI flows

## Why Native UI Matters

* **Business impact**: Professional dialogs increase user trust and engagement
* **UX impact**: Native components feel familiar and match platform conventions
* **Technical impact**: No custom native UI code needed across iOS and Android

## Tutorial Roadmap

1. [Setup](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/setup) - Enable Native UI feature
2. [Usage](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/usage) - Alert dialogs, date pickers, and input handling
3. [Testing](https://github.com/voxelbusters/essential-kit-docs/blob/master/tutorials/v3/features/native-ui/testing.md) - Validate on both platforms
4. [FAQ](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/faq) - Troubleshoot common issues

## Key Use Cases

* Show confirmation dialogs for important actions (purchases, deletions, exits)
* Collect user input through native text fields and dialogs
* Let users pick dates for scheduling (tournaments, reminders, events)
* Display time pickers for notification settings and alarm features
* Create multi-button dialogs for complex decision flows

## Prerequisites

* Unity project with Essential Kit v3 installed and Native UI feature included
* iOS or Android build targets for testing native appearances
* Understanding of callback patterns for async dialog interactions

{% embed url="<https://www.youtube.com/watch?v=O-z3SE2ZcLs>" %}
Native UI Video Tutorial
{% endembed %}

{% content-ref url="native-ui/setup" %}
[setup](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/setup)
{% endcontent-ref %}

{% content-ref url="native-ui/usage" %}
[usage](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/usage)
{% endcontent-ref %}

{% content-ref url="<https://github.com/voxelbusters/essential-kit-docs/blob/master/tutorials/v3/features/native-ui/testing.md>" %}
<https://github.com/voxelbusters/essential-kit-docs/blob/master/tutorials/v3/features/native-ui/testing.md>
{% endcontent-ref %}

{% content-ref url="native-ui/faq" %}
[faq](https://assetstore.essentialkit.voxelbusters.com/features/native-ui/faq)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://assetstore.essentialkit.voxelbusters.com/features/native-ui.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.