# dotmatrix.css
**Classless pixel-art CSS framework** — write semantic HTML, get a retro CRT interface for free.
## Features
- **Classless** — zero classes required, styles semantic HTML directly
- **Lightweight** — ~5KB gzipped, no JavaScript
- **Retro aesthetic** — pixel-art UI with CRT terminal vibes
- **Themeable** — CSS variables for full customization
- **Textured** — 8 paper/grain/dot patterns via `data-texture` attribute
- **Beveled** — 3D pressed/raised surfaces via `data-bevel` attribute
- **Accessible** — proper focus states, semantic structure, captions on tables, labeled navs
- **Responsive** — desktop-first, collapses gracefully on smaller screens
## Quick Start
### CDN
```html
```
### npm
```bash
npm install dotmatrix.css
```
```javascript
import 'dotmatrix.css/dotmatrix.css';
```
### Manual
Download [`dotmatrix.css`](./dotmatrix.css) and link it:
```html
```
## Usage
Just write semantic HTML:
```html
My Retro App
Welcome
This is a paragraph with bold and italic.
```
That's it. No classes, no JavaScript, no build step.
## Textures
Apply any of 10 texture patterns to any element with a single attribute:
```html
......
...
...
...
...
...
...
```
### Presets
Quick combos for common aesthetics:
```html
```
## Bevels
3D pressed or raised look with a single attribute:
```html