► dotmatrix.css

A small, classless CSS framework for pixel-art interfaces. Write semantic HTML and get textures, bevels, and a retro CRT feel. About 5KB gzipped. No JavaScript.

View the showcase Open the repository Browse the components

v0.2.0 MIT License 10 Textures 2 Bevels 10 Demos 0 JS

Quick start

Choose the install method that fits your project.

CDN

<link rel="stylesheet"
      href="https://unpkg.com/dotmatrix.css@0.2.0/dotmatrix.css">

npm

npm install dotmatrix.css
import 'dotmatrix.css/dotmatrix.css';

Manual

Download dotmatrix.css and link it:

<link rel="stylesheet" href="dotmatrix.css">

Add a texture

<article data-texture="paper">...</article>
<section data-texture="dots">...</section>
<button data-bevel="out">Raised</button>

See the 10 demo apps · View it on GitHub · Read the documentation