introduction

ascii-styled ui components for next.js

┌─────────────────────────────────────┐
│ clean • minimal • terminal-inspired │
└─────────────────────────────────────┘

what is asciicn?

asciicn is a component library that brings the aesthetic of terminal uis to modern web applications. built with next.js 15 and tailwind css, it features monospace typography, ascii decorations, and a minimal color palette.

features

  • ascii-first design - all ui uses ascii chars
  • monospace typography - jetbrains mono nerd font
  • shadcn compatible - use shadcn cli to install
  • theme support - dark and light mode
  • typescript native - full type safety
  • keyboard friendly - full shortcuts [^k]

available components

⌨ inputready

text input with ascii borders

🏷 badgeready

labels with unicode block patterns

▣ buttonavailable

interactive buttons

░ moreplanned

radio, dropdown, accordion...

quick start

install via shadcn cli:

npx shadcn@latest add https://asciicn.fldr.zip/r/input.json
keyboard navigation
press [^k] to open shortcuts