ink-web-ui
Components

Style System

Lip Gloss-inspired styling DSL for terminals with borders, text decorations, colors, and layout composition

Demo

Click the terminal below. Use tab or number keys 1-4 to switch between showcase pages.

Features

  • Six border styles including rounded, single, double, thick, hidden, and ASCII with composable nesting
  • Text decorations with bold, italic, underline, strikethrough, dim, and inverse styles plus combinations
  • Theme color palette with primary, secondary, info, success, warning, and error semantic colors
  • Adaptive colors demonstrating light/dark mode with different color values for the same semantics
  • Layout composition with horizontal alignment (top, center, bottom) and vertical joining (header/body/footer, split panes)

Keybindings

  • tab cycle to next showcase page
  • 1 borders page
  • 2 text decorations page
  • 3 colors page
  • 4 layout page

On this page