base on Free UI asset kit you can use to prototype and test interactive interfaces in Apple Vision Pro’s design system. Compatible with any XR headset with pass-through mode, including Meta Quest and Meta Quest Pro. <p align="center"> <a href="https://u3d.as/39rT"> <img alt="vision ui kit logo" src="./Documentation~/Logo.png"> </a> </p> <h4 align="center"> <a href="https://jet.style/">JetStyle</a> | <a href="https://jetxr.style/">JetXR</a> | <a href="https://discord.gg/2GegQUMW">Discord</a> </h4> ### Apple Vision Pro UI Kit © 2023 JetStyle ## Introduction We created this Unity UI kit so that developers can prototype their future Apple Vision Pro app interfaces. We strongly believe that if we want to make our prototypes user-friendly, we have to test them on real users in VR. Since all of us don’t have access to Apple Vision Pro headsets yet, we still can test the interfaces on the VR equipment we have today, e.g. Meta Quest and Meta Quest Pro. Just download this UI kit (it’s based on the official Apple Figma kit) to build your Vision Pro apps. This Unity UI kit will give you an opportunity to: + Create a functional app prototype + See how it behaves in spatial environment (aka "VR") + Test it on real users + Experiment and improve it, so that it’s perfect by the time Vision Pro is out. <a href="https://www.youtube.com/watch?v=D28MGn96O3c">Watch our video on YouTube</a> <p align="center"> <a href="https://www.youtube.com/watch?v=D28MGn96O3c"> <img alt="Apple Vision Pro UI Kit Video" src="./Documentation~/Video_Preview.png"> </a> </p> ## System Requirements Unity **2021.3.30f1** or later versions. ## Installation 1. You can install it with **Package Manager** > **+** > **Add package from git URL...** ``` https://github.com/jetstyle/Apple-Vision-Pro-UI-Kit.git ```  2. You can also install with git url by adding this entry in your **manifest.json** ``` "com.jetxr.visionui": "https://github.com/jetstyle/Apple-Vision-Pro-UI-Kit.git" ``` 3. You can also download it from the [Asset Store](https://assetstore.unity.com/packages/tools/gui/ui-kit-for-vision-pro-os-265406) 4. Prepared demo project for Meta Quest is avaliable [here](https://github.com/jetstyle/Apple-Vision-Pro-UI-Kit-Demo) ## How to use it? Our package provides a collection of UI elements that can be added to a scene using the GameObject context menu. <img alt="GameObject Context Menu" width = "750px" src="./Documentation~/GameObject_Context_Menu.png"> A small gif with the process of working with our package: <p align="center"> <img alt="Editor Gif" src="./Documentation~/Editor_Example.gif"> </p> ## Showcases Demonstration of interfaces based on our package (captured on Meta Quest 2 with our panorama): <p align="center"> <img src="./Documentation~/Player_Example_1.png" width="49%" /> <img src="./Documentation~/Player_Example_3.png" width="49%" /> </p> <p align="center"> <img src="./Documentation~/Player_Example_4.png" width="49%" /> <img src="./Documentation~/Player_Example_2.png" width="49%" /> </p> ## UI Elements List <p align="center"> <img alt="UI Elements" src="./Documentation~/UI_Elements.png"> </p> <p align="center"> <img src="./Documentation~/UI_Elements_2.png" width="49%" /> <img src="./Documentation~/UI_Elements_1.png" width="49%" /> </p> <p align="center"> <img alt="UI Elements 3" src="./Documentation~/UI_Elements_3.png"> </p> 1. Buttons (in different sizes and in two versions: with and without platter) + Symbol + Text + Text + Symbol + Text Rounded Rect 2. List + Completed List + List Element (+ No Platter version) 3. Progress Indicators + Throbber + Progress Bar 4. Sliders + Mini Slider + Small Slider + Regular Slider + Large Slider 5. Windows + Window + Window + Tabbar + Window + Toolbar + Alert + Windows Stacker + Add-ons * Toolbar * Tabbar * Sidebar * Window Controls * Window Resizer 6. Input Field 7. Toggle 8. Tooltip 9. Segmented Control 10. Volume", Assign "at most 3 tags" to the expected json: {"id":"1390","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"