iVOLT
El framework CSS accesible que no necesita build.
Una etiqueta <link> y estás construyendo: en HTML plano, WordPress, Astro o cualquier bundler. Componentes semánticos como vía rápida, un conjunto finito de utilidades para componer, tokens de diseño como contrato visual y JavaScript solo si lo quieres. Cero dependencias, modo claro y oscuro, y accesibilidad probada en tres motores.
O copia la carpeta dist junto a tu página y enlázala. No hay paso de compilación: una hoja de estilos, y un módulo opcional para el comportamiento.
- Estado
- En producción
- Versión
- v1.0.0
- Stack
- CSS · ES modules · Design tokens
- Repositorio
- Público, en GitHub
- Licencia
- MIT
Cada framework CSS te obliga a elegir: o un build step y una cadena de herramientas que envejece, o un botón que se ve bien y no se puede usar con teclado. iVOLT existe para no elegir. Se enchufa a la página que ya tienes sin pelearse con el theme o la hoja heredada, cada componente funciona sin JavaScript, y el contraste, el foco y el ARIA se prueban en Chromium, Firefox y WebKit antes de cada versión, no cuando alguien se queja.
Capturas de lo que ya funciona
Capturas de la documentación pública en ivolt.intervolutions.com, que está construida con el propio framework: la barra, el buscador, los paneles de ejemplo y el conmutador de tema son componentes de iVOLT. La documentación existe en inglés y en español.
iVOLT
Funciona en la página que ya tienes
Todo va bajo .iv-root y con prefijo: clases, tokens, atributos y eventos. Nada usa !important, así que convive con un theme de WordPress o una hoja heredada sin pisarla.
Accesibilidad como parte del contrato
Rutas de teclado, gestión del foco, ARIA y contraste AA se prueban en Chromium, Firefox y WebKit con Playwright y axe. Y cada componente de contenido sigue funcionando con JavaScript desactivado.
Los temas son tuyos
Cada color, radio y fuente es un token --iv-* que puedes sobrescribir. Claro, oscuro y sistema cambian con un atributo y se pueden aplicar a una sola sección. El theme builder de la web te devuelve el CSS listo para copiar.
Nada llama a casa
Cero dependencias, cero telemetría, cero fuentes remotas y ninguna petición de red. Lo que descargas es lo que se ejecuta.
Importa solo lo que usas
Una hoja por componente, módulos ES con exports reales y tipos .d.ts, un arranque automático y un IIFE para páginas sin bundler. Importar los módulos nunca toca document ni window, así que el render en servidor es seguro.
SemVer de verdad desde 1.0
Lo que es público está escrito en el contrato: clases, tokens, atributos data-iv-*, exports y eventos iv:*. Lo que se retira se avisa una versión antes y el código lo advierte en consola.
¿Hacemos algo grande?
Elige qué quieres construir y súmale poderes: tu plan toma forma en tiempo real. Sin correos, sin esperas. Juega.