Copiar y usar

Cada componente trae su código en HTML y React, con botón de copiar.

Un tema por sitio

Un theme.css cambia colores y tipografías con variables --ds-*. Lo demás es común a toda la familia.

Sin peleas con tu CSS

El kit va en capas (@layer): tu CSS siempre gana, sin !important.

Liviano

Un CSS y un JS pequeños, sin dependencias.

Así se ve

Cambia el tema y el ancho de la vista previa:

MóvilTabletEscritorioCompleto

HTML

<button type="button" class="btn btn--primary">Comenzar</button>
<button type="button" class="btn btn--outline-primary">Ver componentes</button>
<button type="button" class="btn btn--ghost">Más tarde</button>

React

export default function InicioMuestra() {
  return (
    <>
      <button type="button" className="btn btn--primary">Comenzar</button>
      <button type="button" className="btn btn--outline-primary">Ver componentes</button>
      <button type="button" className="btn btn--ghost">Más tarde</button>
    </>
  );
}