hqtui

Ratatui is a Rust crate for building text-based terminal user interfaces (TUIs), including command-line applications, dashboards, and interactive console programs. It provides terminal initialization and restoration, frame-based rendering, widgets, event handling, templates, and example applications; the videos identify it as the Rust terminal UI used by the WP2I WhatsApp client.

rataflow is a Rust library for building interactive node-based user interfaces in the terminal, from static diagrams to editable graph views. It is built on ratatui and inspired by xyflow (React Flow). The library provides generic nodes and edges, parent-child hierarchies, configurable interaction flags, dragging, resizing, connection and reconnection, selection, pan and zoom, keyboard navigation, context-menu events, connection validation, and automatic edge-of-canvas panning. It renders custom node and edge content, includes built-in edge types and companion widgets such as controls, a minimap, and a background, and supports runtime palettes and layered Sugiyama layout. Graph snapshots can be serialized with serde, while handlers return semantic FlowEvent values without hidden graph mutations. Input backends include crossterm, termion, termwiz, and WebAssembly through ratzilla; the project also provides browser examples compiled to WASM.

TermDOM is a JavaScript/TypeScript library for building terminal applications with HTML, CSS, and DOM APIs. It renders DOM nodes into a grid of terminal character cells, supporting CSS stylesheets and the box model, flexbox and table layout, text-width handling for CJK and other characters, forms, scrolling, Web Components, selection, and keyboard, mouse, focus, paste, and input events. It implements a browser-like rendering pipeline against character cells rather than pixels: styles and layout are recomputed for mutated content, the result is painted into a cell buffer, and differences from the previous frame are written to standard output as ANSI escape sequences. Input escape sequences are decoded into events dispatched to DOM nodes, and utilities such as querySelector(), MutationObserver, ResizeObserver, and getBoundingClientRect() operate on the cell-based layout.

TanStack Charts is a TypeScript visualization grammar for responsive, accessible, server-rendered application charts, built on granular D3 primitives. Chart definitions are framework-independent: marks consume arrays, objects, tuples, or iterables; channels describe visual encodings; and scale factories infer domains from those channels. Definitions compile into a renderer-neutral keyed scene that can be rendered through React, Preact, Vue, Solid, Svelte, Angular, Lit, Alpine, Octane, the vanilla DOM, static SVG, or an optional Canvas renderer. The system supports layered built-in marks, custom marks using the same scene protocol, responsive layout, automatic guide margins, themes, interaction, animation, accessibility, SVG server-side rendering, hydration, and export. Its marks, transforms, layouts, renderers, and chart-owned interactions are available through independent subpaths, with optional D3-backed capabilities remaining tree-shakeable. The repository documents an unreleased alpha line and says the latest published release is 0.16.0; alpha releases may contain breaking changes between minor versions.

BoardUI is a React design system for agentic interfaces and dashboards, combining AI-product components such as chat, thinking indicators, streaming agent logs, task lists, web-search trails, composers, and an agent runtime with dashboard components such as tables, charts, forms, cards, navigation, authentication, and design tokens. Its CLI copies individual components and their dependencies, or the complete free catalog, into a Next.js project as source files rather than installing a runtime dependency, so developers can modify the code directly. The system uses React Aria Components for accessible controls, Tailwind CSS v4, semantic design tokens, light and dark theme classes without runtime CSS, and Figma-based typography and styling rules. The repository includes a working AI chat application with a streaming chat endpoint and an agent runtime that accepts provider keys for supported services or an OpenAI-compatible server, reads keys server-side, and streams replies to the chat UI. It also provides an MCP server for browsing and installing components, along with agent rules specifying design tokens, type scale, and conventions.