consolecanvas-next

A versatile collection of drawing canvases for console and terminal environments. Including a JSX component <InkCanvas> for the fantastic ink console ui builder.

Features multiple rendering styles and color modes with web canvas API compatibility. Supports both Unicode block characters and Braille patterns (similar to drawille) for high-resolution terminal graphics.

Heavily inspired and in part derived from drawille.

Key Features:

• Web Canvas API compatibility
• Unicode block and Braille rendering modes
• Multiple color schemes
• Cross-platform terminal support
• Enhanced functionality beyond drawille

Documentation

• Getting Started
• Canvas Classes
• Context Class
• Text Rendering
• Animations
• InkCanvas - ink integration component

Canvas Classes

• FastCanvas - most basic canvas that supports up to 256 colors, drawille style.
• SmoothCanvas - Supports truecolor and color mixing, drawille style.
• BlockCanvas - Supports truecolor and color mixing, unicode block style.

Example

Example for DrawMode.FILLBG_STROKEFG: The fill for the surfaces is a light blue that goes to the background. The edges of thesirfaces are stroked to the foreground with black. Truecolor SmoothCanvas.

Support for ink reactive console components

ink is a package for creating reactive user interfaces in terminals with react-jsx style reactivity and DOM trees.

concolevanvas-next offers an InkCanvas react component that can directly be used in ink's JSX component tree.

Hello World Example:

See the demo pages for more examples: