DOS Terminal Aesthetics for Modern React
A component library that brings authentic CGA amber phosphor warmth to your interfaces. Human-scale. Accessible. Commandable.
Built for Clarity
Not retro for retro's sake. The DOS aesthetic represents control, clarity, and personal sovereignty over your digital space.
Authentic CGA Palette
True-to-era amber phosphor colors with carefully calibrated glow effects. 16 colors that tell a story.
Keyboard First
Every component is fully keyboard navigable with visible focus states. DOS taught us to type, not click.
WCAG 2.1 AA
Accessibility isn't an afterthought. Semantic HTML, ARIA attributes, and tested with real assistive technology.
Tree Shakeable
Import only what you need. Each component is independently bundled for minimal footprint.
Design Tokens
Style Dictionary powered tokens in CSS, JS, and JSON formats. Includes a Tailwind preset for instant integration.
Storybook Docs
Interactive documentation with live examples, controls, and accessibility audits for every component.
See It In Action
16 production-ready components with variants, states, and that unmistakable phosphor glow.
Size: 1,024 bytes
Created: 1992-03-15
Modified: Today
# Install the package
npm install eidotter
# Import components
import { Button, Card, Terminal } from 'eidotter'
import 'eidotter/styles'
# Use in your app
<Button variant="primary">
Execute
</Button>Install via npm
Add eiDotter to your project with npm install eidotter or your preferred package manager.
Import the styles
Include the CSS tokens in your app entry point for the full phosphor experience.
Use components
Import individual components. They're tree-shakeable, so bundle only what you need.
Tailwind? We got you
Use our preset: require('eidotter/tailwind') in your config.
Ready to Boot Up?
Join the developers building interfaces with intention. eiDotter is open source and ready for your next project.