Ultrarapido
Disena y personaliza interfaces responsivas en minutos. Variables CSS nativas, clases predefinidas, una cuadricula de 12 columnas que cubre cada elemento HTML semantico.
Translation note (2026-04-30). v2.0.0 adds RTL support and a refreshed 2026 framework comparison. The English source is the canonical reference while these translations catch up. See https://skeletonic.io/about/ · https://skeletonic.io/components/ · https://skeletonic.io/benchmarks/.
- Version
- 2.0.0
- Gzip
- 7.7 KB
- Brotli
- 6.7 KB
- License
- MIT or Apache-2.0
- Standard
- WCAG 2.2 AA
La version corta
Skeletonic Stylus es una biblioteca CSS Stylus de codigo abierto creada para hacer que el estilizado de interfaces accesible, rapido y modular.
Nacio en 2018 como un experimento personal para enviar menos CSS sin renunciar a la ergonomia de una biblioteca de componentes real. Ocho anos despues, el objetivo sigue siendo el mismo.
Lo que ofrece
Ligero
8,3 KB gzipped. Las paginas cargan mas rapido. Cada bloque esencial se mantiene incluido.
Diseno responsivo
Creado para escritorio y movil. Los layouts se adaptan a cualquier dispositivo. Optimizado para tactil, HTML semantico en todo momento.
Accesibilidad
WCAG 2.2 integrado: anillos focus-visible, contraste AA, skip-link helpers, componentes accesibles por teclado, soporte de movimiento reducido — sin hoja de estilos adicional, sin boilerplate aria-*.
Biblioteca de componentes
Componentes CSS modulares y mixins Stylus. Botones, formularios, tarjetas, alertas, insignias, paletas y animaciones — limpios, modulares, listos para integrar.
Gratuito y de codigo abierto
Disenado, construido y mantenido por Sebastien Rousseau. Con doble licencia MIT o Apache 2.0. Sin tarifas, sin costes de licencia, incluso para uso comercial.
Como se compara
Una sola hoja de estilos autoalojada cubre tipografia, botones, formularios, tarjetas, tablas, paletas, animaciones y clases de utilidad. Sin JavaScript. Sin paso de compilacion requerido. Sin dependencias de Bootstrap, Tailwind o Bulma.
| Caracteristica | Skeletonic Stylus | Bootstrap 5 | Tailwind CSS | Bulma |
|---|---|---|---|---|
| Tamano gzipped | 8,3 KB | ~30 KB | ~10 KB (varies) | ~30 KB |
| Conformidad WCAG 2.2 | Integrada | Parcial | Manual | Parcial |
| Capas de cascada | Si (@layer) |
No | No | No |
| Modo oscuro | prefers-color-scheme |
Opcional | Basado en clases | Opcional |
| JavaScript requerido | No | Si (Popper) | No | No |
| SBOM CycloneDX | Si | No | No | No |
| Movimiento reducido | Respetado | Parcial | Manual | Parcial |
| Licencia | MIT o Apache 2.0 | MIT | MIT | MIT |
Principios
- La accesibilidad es el piso, no el techo. La conformidad con WCAG 2.2 esta integrada en cada componente, nunca anadida como un "tema" opcional.
- Cada byte cuenta. Una sola hoja de estilos no deberia exceder tu presupuesto de peso de pagina. El limite de 8 KB gzipped se aplica en CI.
- Las capas de cascada superan las guerras de especificidad. Sobrescribe
cualquier cosa con confianza — sin
!important, sin trucos de orden DOM. - Stylus sigue siendo bueno. Conciso, expresivo, y permite que la biblioteca se mantenga en ~3.000 lineas legibles.
- Lo aburrido es una ventaja. Sin dependencias JS. Sin magia en tiempo de compilacion. Sin renombramientos disruptivos. Clases CSS que hacen exactamente lo que dicen.
- Personalizable en segundos. Propiedades personalizadas CSS nativas para colores, espaciado, tipografia y radios.
- Cadena de suministro reforzada. Procedencia npm firmada. Actualizaciones Dependabot fijadas. CVE-2023-44270 parcheado via overrides.
Versionado y semver
Skeletonic Stylus sigue Semantic Versioning 2.0.
| Incremento | Cuando | Ejemplo |
|---|---|---|
| Major | Eliminar o renombrar una clase publica, mixin o token | 1.x → 2.0 |
| Minor | Anadir un nuevo componente, mixin o token | 1.1 → 1.2 |
| Patch | Correcciones de errores, mejoras de a11y, rendimiento, seguridad | 1.1.6 → 2.0.0 |
Todos los nombres de clases publicas, todas las propiedades personalizadas CSS y todos los mixins Stylus exportados son parte de la API publica. Un cambio disruptivo genera un incremento major y una guia de migracion.
Responsabilidad
Skeletonic Stylus esta disenado, construido y mantenido por Sebastien Rousseau. Con doble licencia MIT y Apache 2.0.
Problemas, ideas y contribuciones son bienvenidos — consulta la guia de contribucion.