ApricityUI
Build Minecraft UI with HTML + CSS + JS, follows Web standards as closely as possible.
12 config settings
Build 1.2.0-hotfix2 · checked 13 September 2026
Guides
- ApricityUI: DevTools Inspection and Client Debugging
- ApricityUI: Ore Editor and Visual Component Layout
Config
- ApricityUI Client Settings
title— Changes are written to apricityui-client.toml and applied on the next client tick. - AI auto screenshot
ai_auto_screenshot— Capture one helper screenshot per second. - Debug auto reload
debug_auto_reload— Reload local debug files when they change.
Show all 12 settings
- Frame timing HUD
frame_timing_hud— Show per-frame timing in the HUD. - Remote debug server
remote_debug— Enable the loopback external debugger. - Resource Manager world window
resource_manager_world_window— Open the Resource Manager in the world. - Viewport zoom pass-through
viewport_zoom_pass_through— Let Ctrl+wheel pass through non-intercepting overlays. - Depth offset scale
world_window_depth_offset_scale— Distance depth offset scale from 0 to 1. - Full-detail distance
world_window_full_detail_distance— Keep full detail up to this distance. - Distance-based LOD
world_window_lod_enabled— Enable automatic detail reduction with distance. - Maximum display distance
world_window_max_display_distance— Maximum World Window display and interaction distance. - Reduced-detail distance
world_window_reduced_detail_distance— Keep reduced detail up to this distance.
Requires
| Mod | Needed | Versions |
|---|---|---|
apricityui |
required | [1.0.0,) |
kubejs |
required | [1.0.0,) |
Frequently Asked Questions
How do you open the developer tools in ApricityUI?
Trigger the Toggle DevTools key action defined in the Controls menu.
How do you automatically reload modified UI files?
Enable the Debug auto reload option in the ApricityUI Client Settings menu.
What containers are used to arrange interface elements horizontally and vertically?
Use a Row container for horizontal flexbox layouts and a Column container for vertical layouts in the Ore Editor.
How do you export markup created in the Ore Editor?
Select the Export clean HTML action within the editor to generate standalone HTML files.
Which key is used with the scroll wheel for viewport zoom pass-through?
Hold CTRL while scrolling the mouse wheel to adjust zoom across non-intercepting overlays.
Download Links
- modrinth.com modrinth.com/mod/apricityui
- Source github.com/Tower-of-Sighs/AUI
- Issues github.com/Tower-of-Sighs/AUI/issues
- Wiki doc.sighs.cc/en/ApricityUI/intro