promotional bannermobile promotional banner

TesseraUI

Lightweight HTML + CSS template renderer for NeoForge mods

File Details

tesseraui-1.0.0.jar

  • R
  • May 12, 2026
  • 1.80 MB
  • 8
  • 1.21.1
  • NeoForge

File Name

tesseraui-1.0.0.jar

Supported Versions

  • 1.21.1

Curse Maven Snippet

NeoForge

implementation "curse.maven:tesseraui-1540971:8076714"
Curse Maven does not yet support mods that have disabled 3rd party sharing

Learn more about Curse Maven

TesseraUI v1.0.0 — Initial Release (Alpha)

Requires: Minecraft 1.21.1 · NeoForge 21.1.x · Java 21 Note: Alpha — public API may change before stable release.


Core

  • HTML + CSS template renderer — write UI in plain HTML/CSS, rendered as native Minecraft widgets
  • TesseraTemplateRenderer — full HTML-to-widget pipeline
  • TesseraModel — flat key-value data binding with {{ expr }} expressions
  • TesseraScreen — base screen class with automatic event wiring
  • TesseraHotReload — live reload from disk without restarting Minecraft
  • TesseraPalette — copper-patina design system

Layout

  • Flexbox engine — flex-grow, flex-shrink, flex-wrap, gap, align-items, justify-content
  • Grid layout — <grid cols="N"> and grid-template-columns
  • position: absolute, z-index, order, overflow: hidden, box-sizing
  • calc() expressions for width and height
  • margin-top: auto

Visual

  • background, border, border-radius, opacity, corner-dot
  • color, font-size, font-weight, text-align, text-decoration, white-space
  • Pseudo-states: :hover, :active, :focus, :disabled, :nth-child
  • CSS variables — :root { --var: value } and var(--name)
  • Media queries — @media (min-width / max-width)

Animations

  • transition — smooth hover interpolation for background, border-color, color
  • @keyframes — named animations with from, %, to stops
  • animation — duration, easing, delay, iterations, alternate
  • Cubic-Bézier easing (Newton-Raphson solver)

Widgets

  • TesseraPanel (col, row, grid), TesseraLabel, TesseraButton
  • TesseraInput, TesseraTextArea
  • TesseraCheckbox, TesseraSlider, TesseraDropdown
  • TesseraBadge, TesseraIcon
  • TesseraTabPanel — tabbed container
  • TesseraVirtualList — efficient scrolling list (visible rows only)
  • TesseraItemSlot, TesseraItemGrid, TesseraInventoryPicker

Data Binding & Directives

  • {{ expr }} — inline expressions, ternary, string concat, t:key translations
  • v-for, v-if, v-show
  • data-i18n — Minecraft i18n binding

Component System

  • <template name="..."> — reusable components
  • <slot> / <slot name="..."> — named and default slot injection

Drag & Drop

  • draggable="true" and drag-payload attributes
  • TesseraDropZoneaccepts(), onDrop(), dropBounds()

License: LGPL-3.0