Documentation
Components
61 vanilla and shared components grouped by layer. Every page includes a live preview and example source; mod components have their own area.
Mod screens
Full-screen interfaces and components for Mekanism, IndustrialCraft 2, Applied Energistics 2, Create, Thermal Expansion, Immersive Engineering, Ender IO, Industrial Foregoing and Farmer's Delight — all from the original upstream GUI textures (pinned versions, verified); data-injected, no game logic.
Primitives
L113Stateless or Base UI wrappers for basic controls.
BadgeCount and rarity badge for item stacks; pure styling with default / dim / gold variants.ButtonVanilla-geometry stone-textured button with default / success / ghost variants.CheckboxDark slot with a 1 GUI px black border; a white checkmark when selected.DialogModal dialog built on Base UI Dialog: translucent backdrop and dark panel.InputBlack text field with a 1 GUI px gray border that turns white on focus.ProgressVanilla 5 GUI px high progress bar clipped at 182 GUI px, with XP / boss textures.RadioGroupRadio group with black-bordered options and an 8×8 white square indicator.ScrollAreaNative scrolling with pixel scrollbar styling; no extra JavaScript.SelectStone-textured trigger and window-panel dropdown (Base UI Select).SliderVanilla slider with a dark track and a raised button thumb.SwitchSlot-like track with a 20×20 raised thumb.Tabs24 GUI px vanilla tabs for recipe book / settings pages.TooltipItem tooltip with 94% dark purple fill, gradient border and white text shadow.
Containers
L212Panels, slots, icons and other composition primitives.
BlockIconIsometric block icon: composes the top / left / right faces with vanilla per-face shading.CardThree-part card: Panel + TitleBar + content block.DividerBase UI Separator styled as a pixel bevel divider, with a strong single-line variant.GridPure layout grid for item slots with configurable columns, rows and gap.Icon16×16 pixel icon container that scales by GUI px without blurring.ItemStackMinimal item unit: icon plus count badge.PanelNine-slice window container with default gray and dark translucent variants.PlayerInventoryReusable 3×9 main inventory plus 1×9 hotbar block.ScreenPanelAbsolute-coordinate base sized in vanilla container dimensions (GUI px).SlotBeveled item slot with an optional white selection frame.TitleBarPixel-font window title with start / center / end alignment.GuiSprite原版 GUI PNG 渲染器：裁剪、平铺、九宫格与缩放。
HUD
L39Status layers drawn over the game view.
BossBarBoss bar with purple title and health bar (overlay semantics).CrosshairPure CSS crosshair with an optional hidden state.ExperienceBarGreen XP progress with a centered level badge.HealthHungerBarHealth / hunger / armor / oxygen status bar.HotbarVanilla 182×22 hotbar with nine 20×20 slots.StatusEffectsVertical status-effect list with 18×18 slots and 16×16 icons.AttackIndicator准星/快捷栏攻击蓄力指示器。JumpBar原版 182×5 跳跃蓄力条。LocatorBar原版定位条与 9×9 方向点位。
Container screens
L324Full container screens assembled at vanilla coordinates.
AnvilScreen110×16 name input, item / material / result slots and level cost.BeaconScreen230×219 beacon panel with 5 primary / 1 secondary effect buttons, payment material row, payment slot and confirm / cancel buttons.BrewingStandScreenFuel / ingredient / three bottle slots with bubble and arrow clipping progress.ChestScreen176×(114+18×rows) panel for single (3 rows) and double (6 rows) chests.CraftingScreen176×166 panel with a 3×3 crafting grid, 26×26 result slot and arrow.EnchantingScreenItem + lapis slots and three 108×19 enchantment option buttons.FurnaceScreenInput / fuel / 26×26 output slots with flame and arrow progress.InventoryScreen176×166 panel with armor, 2×2 crafting, inventory, hotbar and offhand.TradingScreen276×166 panel with a 98×116 trade list and price slots.BlastFurnaceScreen176×166 高炉界面，火焰/箭头进度。SmokerScreen176×166 烟熏炉界面。ShulkerBoxScreen176×166 潜影盒界面，3×9 内容格。HopperScreen176×133 漏斗界面，5 槽 + 2 行背包。DispenserScreen176×166 发射器/投掷器界面，3×3 槽。HorseScreen176×166 马/羊驼界面，鞍、马铠与可选箱子。CartographyTableScreen176×166 制图台界面与地图覆盖层。GrindstoneScreen176×166 砂轮界面与错误叉。LoomScreen176×166 织布机界面，旗帜/染料/图案与结果槽。SmithingScreen176×166 锻造台界面，模板/底物/添加物与结果。StonecutterScreen176×166 切石机界面与配方列表。CrafterScreen176×166 合成器界面，3×3 网格与红石状态。NautilusScreen176×166 鹦鹉螺界面，鞍/鹦鹉螺铠槽。CreativeInventoryScreen195×196 创造物品栏，上下 7 标签与 9×5 网格。GamemodeSwitcher125×75 游戏模式切换器与选中框。