✨ v1.2.0 · Nueva landing y look & feel

El sistema de
diseño de Naowee

Tokens, componentes y patrones visuales compartidos entre todos los productos. Un archivo, un playground, una versión.

Explorar componentes Instalar via CDN
features

Pensado para escalar.

Un DS que no se pierde, no se duplica y no se rompe. Pinneable, versionable, reutilizable.

Single source of truth
Un archivo CSS canónico. Cero copias desincronizadas entre repos.
SemVer riguroso
Pinnea versiones exactas. Major / minor / patch bien definidos.
CDN estable
jsDelivr con cache immutable por versión. Sin build, sin npm.
Playground interactivo
Todos los componentes en vivo, con variantes y markup copiable.
Tokens primero
Colores, tipografía, spacing, radius y shadows como CSS variables.
Micro-animaciones
Tabs con sliding indicator, segment pill, transitions consistentes.
17
Componentes
1
Archivo CSS
229KB
Weight
0deps
Dependencias
install

Agrégalo en una línea.

Un <link> al CDN y tienes todos los componentes disponibles.

HTML vanilla
Copia el snippet al <head> de cualquier página. El JS de tabs es opcional, solo si vas a usar la variante animada.
Consejo de versión
Pinnea una versión específica con @v1.2.0. Para dev puedes usar @main que refresca cada ~12h.
index.html
<!-- Design System pinned a v1.2.0 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/douguizard/naowee-design-system@v1.2.0/dist/design-system.css"> <!-- Opcional: helper para tabs animados --> <script src="https://cdn.jsdelivr.net/gh/douguizard/naowee-design-system@v1.2.0/dist/tabs.js"></script>
components

17 componentes, listos.

Todos con variantes, estados y markup copiable desde el playground.

Buttons Text fields Search box Dropdowns Tabs animados Segmented Breadcrumb Badges Tags Messages Modal Floating footer File uploader Toggle Checkbox Shortcuts Dialog