# OpenTUI ## Docs - [Environment Variables](https://mintlify.wiki/anomalyco/opentui/advanced/environment-variables.md): Configure OpenTUI behavior using environment variables - [Native Zig Core](https://mintlify.wiki/anomalyco/opentui/advanced/native-zig-core.md): Understanding OpenTUI's high-performance Zig core and FFI layer - [Performance Optimization](https://mintlify.wiki/anomalyco/opentui/advanced/performance.md): Optimize your OpenTUI applications for maximum performance and smooth rendering - [Testing TUI Applications](https://mintlify.wiki/anomalyco/opentui/advanced/testing.md): Test your OpenTUI applications with the built-in test renderer and utilities - [3D Rendering API](https://mintlify.wiki/anomalyco/opentui/api/3d-api.md): WebGPU-powered 3D rendering for terminal UIs using Three.js - [Animation Timeline](https://mintlify.wiki/anomalyco/opentui/api/animation-timeline.md): Timeline animation system for creating complex animations with easing, looping, and callbacks - [OptimizedBuffer](https://mintlify.wiki/anomalyco/opentui/api/buffer.md): High-performance buffer for terminal rendering operations - [CliRenderer](https://mintlify.wiki/anomalyco/opentui/api/cli-renderer.md): Core renderer class for managing terminal UI rendering, input handling, and lifecycle - [Console](https://mintlify.wiki/anomalyco/opentui/api/console.md): Interactive console overlay for logging, debugging, and user interaction - [EditBuffer](https://mintlify.wiki/anomalyco/opentui/api/edit-buffer.md): An editable text buffer with cursor management, undo/redo, and incremental editing capabilities. - [EditorView](https://mintlify.wiki/anomalyco/opentui/api/editor-view.md): A viewport and rendering layer for text editing with selection, scrolling, and visual cursor management. - [FrameBuffer API](https://mintlify.wiki/anomalyco/opentui/api/framebuffer.md): Low-level framebuffer API for direct rendering to terminal cells - [Keyboard Input](https://mintlify.wiki/anomalyco/opentui/api/keyboard.md): Handle keyboard events and key presses in OpenTUI - [Mouse Input](https://mintlify.wiki/anomalyco/opentui/api/mouse.md): Handle mouse events and interactions in OpenTUI - [NativeSpanFeed](https://mintlify.wiki/anomalyco/opentui/api/native-span-feed.md): Zero-copy streaming interface for processing terminal output - [Renderable](https://mintlify.wiki/anomalyco/opentui/api/renderable.md): Base class for all UI elements with layout, styling, and event handling - [RGBA Color API](https://mintlify.wiki/anomalyco/opentui/api/rgba.md): Color representation and utilities for terminal rendering - [Syntax Highlighting](https://mintlify.wiki/anomalyco/opentui/api/syntax-highlighting.md): Syntax highlighting API for applying color and text attributes to code in terminal UIs - [TextBuffer](https://mintlify.wiki/anomalyco/opentui/api/text-buffer.md): A high-performance text storage and rendering buffer with support for styling, syntax highlighting, and Unicode. - [Yoga Layout](https://mintlify.wiki/anomalyco/opentui/api/yoga-layout.md): Flexbox layout engine integration for OpenTUI components - [ASCIIFont](https://mintlify.wiki/anomalyco/opentui/components/asciifont.md): Render large ASCII art text using decorative fonts - [Box](https://mintlify.wiki/anomalyco/opentui/components/box.md): A flexible layout container with border and background styling support - [Code](https://mintlify.wiki/anomalyco/opentui/components/code.md): Display syntax-highlighted code with Tree-sitter parsing and streaming support - [Diff](https://mintlify.wiki/anomalyco/opentui/components/diff.md): Display unified or split diff views with syntax highlighting, line numbers, and customizable styling - [FrameBuffer](https://mintlify.wiki/anomalyco/opentui/components/framebuffer-component.md): A renderable component that wraps a custom frame buffer for advanced graphics and custom rendering - [Input](https://mintlify.wiki/anomalyco/opentui/components/input.md): A single-line text input component for capturing user text input - [LineNumberRenderable](https://mintlify.wiki/anomalyco/opentui/components/linenumbers.md): Add line numbers, signs, and gutter colors to text components - [Markdown](https://mintlify.wiki/anomalyco/opentui/components/markdown.md): Render Markdown content with automatic table alignment, syntax highlighting, and streaming support - [Components Overview](https://mintlify.wiki/anomalyco/opentui/components/overview.md): Complete reference of all available OpenTUI components for building terminal user interfaces - [ScrollBar](https://mintlify.wiki/anomalyco/opentui/components/scrollbar.md): A scrollbar component with customizable track, arrows, and keyboard navigation support - [ScrollBox](https://mintlify.wiki/anomalyco/opentui/components/scrollbox.md): A scrollable container with automatic scrollbars and sticky scroll support - [Select](https://mintlify.wiki/anomalyco/opentui/components/select.md): A dropdown selection component with keyboard navigation and visual customization - [Slider](https://mintlify.wiki/anomalyco/opentui/components/slider.md): A draggable slider component for numeric input with mouse and viewport support - [TabSelect](https://mintlify.wiki/anomalyco/opentui/components/tabselect.md): A horizontal tab navigation component with keyboard support and visual indicators - [Text](https://mintlify.wiki/anomalyco/opentui/components/text.md): Display plain or styled text content with text wrapping, selection, and text node composition - [Textarea](https://mintlify.wiki/anomalyco/opentui/components/textarea.md): A multi-line text editor component with full keyboard navigation and editing support - [TextNode](https://mintlify.wiki/anomalyco/opentui/components/textnode.md): Build rich text with nested styling, colors, and attributes for complex text composition - [TextTable](https://mintlify.wiki/anomalyco/opentui/components/texttable.md): Display tabular data with flexible layouts, borders, and text wrapping - [Constructs](https://mintlify.wiki/anomalyco/opentui/core-concepts/constructs.md): Declarative component composition - the React-like way to build OpenTUI interfaces - [FrameBuffer](https://mintlify.wiki/anomalyco/opentui/core-concepts/framebuffer.md): Low-level rendering surface for custom graphics and complex visual effects - [Layout System](https://mintlify.wiki/anomalyco/opentui/core-concepts/layout-system.md): Yoga flexbox layout engine for responsive, flexible terminal UI layouts - [Renderables](https://mintlify.wiki/anomalyco/opentui/core-concepts/renderables.md): Building blocks of your UI - hierarchical objects that can be positioned, styled, and nested - [Renderer](https://mintlify.wiki/anomalyco/opentui/core-concepts/renderer.md): The CliRenderer is the heart of OpenTUI, managing terminal output, input events, and the rendering loop - [3D Rendering with WebGPU](https://mintlify.wiki/anomalyco/opentui/guides/3d-rendering.md): Render 3D graphics in the terminal using OpenTUI's Three.js integration and WebGPU - [Timeline Animation System](https://mintlify.wiki/anomalyco/opentui/guides/animations.md): Create smooth, synchronized animations with OpenTUI's powerful Timeline API - [Building Your First App](https://mintlify.wiki/anomalyco/opentui/guides/building-your-first-app.md): Complete tutorial for building a terminal UI application with OpenTUI - [Console Overlay](https://mintlify.wiki/anomalyco/opentui/guides/console-overlay.md): Built-in debugging console for capturing logs and inspecting your TUI app - [Keyboard and Mouse Input](https://mintlify.wiki/anomalyco/opentui/guides/keyboard-and-mouse.md): Handle key events, keyboard shortcuts, and mouse interactions in OpenTUI - [Styling and Colors](https://mintlify.wiki/anomalyco/opentui/guides/styling-and-colors.md): Master RGBA colors, text attributes, and styling options in OpenTUI - [Syntax Highlighting](https://mintlify.wiki/anomalyco/opentui/guides/syntax-highlighting.md): Add tree-sitter powered syntax highlighting to your terminal applications - [Installation](https://mintlify.wiki/anomalyco/opentui/installation.md): Install OpenTUI with your preferred package manager and set up system requirements - [React](https://mintlify.wiki/anomalyco/opentui/integrations/react.md): Build terminal UIs with React using OpenTUI's React reconciler - [SolidJS](https://mintlify.wiki/anomalyco/opentui/integrations/solid.md): Build terminal UIs with SolidJS using OpenTUI's Solid reconciler - [Introduction](https://mintlify.wiki/anomalyco/opentui/introduction.md): A native terminal UI core written in Zig with TypeScript bindings for building high-performance terminal applications - [Quickstart](https://mintlify.wiki/anomalyco/opentui/quickstart.md): Get started with OpenTUI in minutes by building your first terminal UI application