Components

A comprehensive collection of ASCII-styled React components for building retro interfaces.

Forms & Input

AsciiButton

Clickable button with ASCII styling

AsciiInput

Text input field with ASCII border

AsciiCheckbox

Checkbox with ASCII checkmarks

AsciiRadio

Radio button with selection indicators

AsciiSelect

Dropdown with ASCII arrows

AsciiTextarea

Multi-line text input

Layout & Structure

AsciiCard

Container with title and border

AsciiNavbar

Horizontal navigation bar

AsciiSidebar

Collapsible side navigation

AsciiTable

Data table with ASCII borders

AsciiTabs

Tabbed interface

AsciiAccordion

Expandable sections

Feedback & Status

AsciiAlert

Status messages [INFO], [ERROR], etc.

AsciiBadge

Small status indicators

AsciiProgress

Progress bars with ASCII characters

AsciiSpinner

Loading indicators

AsciiToast

Temporary notification messages

Data Display

AsciiChart

ASCII charts and graphs

AsciiTree

Hierarchical tree view

AsciiPagination

Page navigation controls

Overlay & Dialog

AsciiModal

Dialog boxes and modals

AsciiTooltip

Hover information display

AsciiPopover

Contextual overlay content

🌟 Advanced Features

AsciiSound System

🔊 Web Audio API with 20+ retro sound effects and custom hooks

AsciiASCII Art Generator

🎨 Real-time image-to-ASCII conversion with webcam support

AsciiCode Editor

💻 Multi-language syntax highlighting with 4 retro themes

AsciiNetwork Visualizer

🔗 Interactive topology diagrams with 5 layout algorithms

AsciiGaming Components

🎮 Foundation systems for ASCII game interfaces

Installation

Install React ASCII UI to get started with all components

npm install react-ascii-ui