DOS Design System for Tiny Ideas
Design tokens, components, and a Tailwind preset for building focused interfaces. For software that respects your attention.
Not Retro. Intentional.
The DOS aesthetic is a statement.
In a world of infinite scroll and notification storms, we chose clarity. Focus. Intention.
Monochrome warmth. Keyboard-first navigation. Every decision serves one goal: your attention belongs to you.
A design system for people who believe software should be a tool you control.
Built for Clarity
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
17 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.