React ASCII UI

Welcome to React ASCII UI - the complete component library for building ASCII-style user interfaces in React.

What is React ASCII UI?

React ASCII UI is a comprehensive collection of 50+ React components designed to create beautiful, retro-style interfaces that embrace the ASCII aesthetic. From basic UI elements to advanced data visualization, forms, layout systems, and even a full terminal emulator - everything you need for building professional ASCII-style applications.

Key Features

• 50+ ASCII-styled components covering all UI needs
• Data Visualization - Charts, graphs, and sparklines with ASCII styling
• Advanced Forms - Multi-step forms with validation and file upload
• Layout System - Responsive grids, containers, and window management
• Terminal Emulator - Full-featured terminal with command parsing
• Animation System - Smooth ASCII animations and transitions
• 7 Built-in Themes - From classic terminal to cyberpunk aesthetics
• Full TypeScript support with comprehensive type definitions
• Responsive design that works everywhere
• Tree-shakeable for optimal bundle sizes

Quick Example

import { AsciiButton, AsciiCard } from 'react-ascii-ui';

function App() {
  return (
    <AsciiCard title="Welcome">
      <p>Hello ASCII world!</p>
      <AsciiButton onClick={() => alert('Clicked!')}>
        Click me
      </AsciiButton>
    </AsciiCard>
  );
}

Ready to get started?