Mirai: UI Screens Kit Module

Three Screens: Loading Screen (LS), Instruction screen (IS) & Scanner screen (SS)
Example project: Link

Utility: The loading screen and Instructions screen are core requirements for any AR application hence can be utilized in all fields like e-commerce, art, games, etc. At the same time, the scanner screens allow developers to use face and image tracking technologies to create UI guides for the users. 

Scalability: The module is extremely scalable and is based on the simple 8thwall loading screen UI design hence urges the community to create templates for the modules. The template system can then be integrated into the module as a future scope in developing this module.

• LS allows adding Two types of screens: Default & custom
  • Two LS themes: Dark & Light
  • Custom LS allows multiple config options
  • Extra features:
    • Set the "powered by 8thwall" footer image color
    • Add start button
    • 3 different loaders (spinner, progress bar & dots)

       

Mirai Default Loading Screens

Theme: Light

Theme: Dark

Mirai Custom Loading Screens

Theme: 8thwall

Mirai Instruction UI Screen

• IS allows adding instructions image & icon

Mirai Scanner UI Screen

• SS allows adding of two types of screens: Image Scanning & Face Scanning

Author: Mihir M. for Mirai

Credits: Mall Duffin, Temani Afif