Design System CSS-only con liquid glass real, three.js y OKLCH. 11 packs modulares, 119 componentes, sin build, sin dependencias. Azul y naranja puros — sin morados.
Core obligatorio + 10 packs opcionales opt-in. Cada pack resuelve un dominio: datos, charts, mapas, 3D, forms, UI, motion, patterns, glass y next-gen.
Tokens, base, objetos, componentes y utilities en 64 KB. El corazón del sistema:
botones, cards, badges, fields, alerts, layout primitives. Todo namespaced .nz.
Stages full-bleed, aurora-bg animado, orbs, glow-rings y scanlines. Canvas auto-resize, HUD overlays.
4 capas reales: base translúcida, backdrop saturate, dual inset shadow, borde cromático. OKLCH + multi-axis theming.
Stat-tiles, KPI cards, progress bars, meters, skeletons, avatars, timelines y tags. Todo lo que un dashboard necesita para mostrar datos con estilo.
Wrappers CSS para Chart.js, ApexCharts y D3. Sparklines, donuts, legends y tooltips.
Styling para mapas interactivos. Pins, popups, overlays HUD y capas.
Modals, drawers, tabs, accordions, dropdowns, toasts, tooltips y command bars. CSS-only con estado via clases.
Switch, OTP, file drop, range, stepper. Inputs accesibles.
Reveal, glow-pulse, shimmer, float, marquee. Respeta reduced-motion.
App-shell, hero, pricing, features, FAQ, footer, auth-shell. Componentes de página lista para ensamblar landings y apps.
Cambia toda la identidad con un atributo: data-nz-skin.
Más shape, density, motion y color-system via data-*.
Azul + naranja · default
Naranja cálido
Azul profundo oscuro
Cian turquesa
Amarillo cítrico
WCAG AAA
4 capas: base translúcida + backdrop saturate + dual inset shadow + borde cromático. Profundidad y reflejos, no solo blur.
Un link CSS, cero build, cero dependencias. Aurora se carga desde CDN
y no choca con otros sistemas gracias al scope .nz.