ObsidianUi Example

OPEN SOURCE 1. Main UI Navigation & Layout • Window — Primary UI frame. • Loading Screen — Step-by-step startup screen with progress indicators and an info sidebar. • Key System / KeyBox — Access authentication and key validation field. • Tabs — Category tabs for navigating different menu pages. • Groupbox (Left & Right) — Section containers for organizing controls. • DependencyBox & DependencyGroupbox — Conditional sections that show or hide based on user settings. • Tabbox — Nested tab containers inside group boxes. • WarningBox / ErrorBox — Notification banners embedded inside tabs. • Dialogs — Modal popups featuring custom buttons (Primary, Secondary, Destructive, Ghost). 2. Interactive Controls & Inputs • Labels (Text & RichText) — Standard text displays and formatted text elements. • Button & Sub-Button — Trigger buttons, multi-buttons, and keybound buttons. • Toggle & Checkbox — On/off switches and selective checkboxes. • Input (Standard & Numeric) — Text input fields with clear-on-focus, character limits, and numeric filters. • Slider — Value range bars (standard, compact, custom format). • Dropdown — Selection menus (single-select, multi-select, searchable, dictionary-based, and player selector). • KeyPicker / Keybind — Custom key assignment pickers with mode selection (Hold, Toggle, Always). 3. Utility & Overlay Features • Draggable Watermark — Floating screen label showing real-time FPS and Ping. • Floating Draggable Button — Interactive floating UI button. • Draggable Stats Panel — Custom user interface overlay box. • Custom Cursor System — Reticle/crosshair customizer with color, icon, and size controls. • Keybind Menu Overlay — On-screen overlay listing all active hotkeys. 4. Menu Structure & Tab Names • Key System — Access validation page. • Main — Core script controls and audio settings. • Elements Showcase — Demonstration page for all UI components. • Tab Manager — Settings for warning banners and dynamic tabs. • Dynamic Tab — Test tab for runtime modifications (name, icon, order). • Dialogs — Tester for modal dialog windows. • Draggables — Management panel for floating/draggable UI elements. • Utility — Cursor customization, DPI scaling, notification position, and script unloading. • UI Settings — Theme Manager, Save Manager (configs), and corner radius sliders.