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