► dotmatrix.css

CSS RETRO / SIN BUILD STEP

Interfaces con carácter.

Escribe HTML semántico y obtén una interfaz pixel-art con texturas, relieve y estados accesibles. Sin clases utilitarias. Sin JavaScript.

Ver showcase →Ver componentesCódigo fuente
v0.2.0MIT~5KB gzip10 demos0 JS

Lo que incluye

Classless

Los elementos semánticos reciben estilo directamente. Menos nombres, menos mantenimiento.

Texturas

Paper, dots, hatch, halftone, grid, scanlines y más con un solo atributo.

Relieve

Superficies hundidas o elevadas con data-bevel, sin componentes especiales.

Accesible

HTML semántico, focus visible, contraste y responsive desde el principio.

Empieza en un minuto

Incluye la hoja de estilos y escribe HTML normal:

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

<article data-texture="paper" data-bevel="out">
  <h2>Mi interfaz retro</h2>
</article>

Leer la documentación completa →

Planes

Todo el framework es gratuito y MIT
EdiciónPrecioIncluye
dotmatrix.css$0CSS, texturas, bevels y demos
Tu proyectoTu tiempoHTML semántico y mucha personalidad