gridland
Components

Ascii

ASCII art text rendering with multiple font styles

Renders text as large ASCII art using the <ascii-font> OpenTUI intrinsic. Supports multiple font styles and custom colors.

Ascii
?

Run demo

Terminal
bunx @gridland/demo ascii
Terminal
curl -fsSL https://raw.githubusercontent.com/thoughtfulllc/gridland/main/scripts/run-demo.sh | bash -s ascii

Installation

bunx shadcn@latest add @gridland/ascii

Usage

import { Ascii } from "@/components/ui/ascii"
<Ascii text="Hello" font="slick" color="#88c0d0" />

Examples

Fonts

Use the font prop to change the ASCII art style.

Font styles
<Ascii text="Hello" font="tiny" />
<Ascii text="Hello" font="block" />
<Ascii text="Hello" font="slick" />
<Ascii text="Hello" font="shade" />

Custom Color

Override the default theme color.

Custom color
<Ascii text="Hello" font="slick" color="#05FFA1" />
<Ascii text="Hello" font="block" color="cyan" />

API Reference

Ascii

PropTypeDefaultDescription
textstring-Text to render as ASCII art
font"tiny" | "block" | "slick" | "shade"-ASCII font style
colorstringtheme.primaryForeground color

Link

A clickable hyperlink with configurable underline style

Tabs

A compound tab component with triggers and content panels

On this page

Installation
Usage
Examples
Fonts
Custom Color
API Reference
Ascii