iVOLT
The accessible CSS framework with no build step.
One <link> tag and you are building: in plain HTML, WordPress, Astro or any bundler. Semantic components as the fast path, a finite utility set for composition, design tokens as the visual contract and JavaScript only if you want it. Zero dependencies, light and dark themes, and accessibility tested in three engines.
Or copy the dist folder next to your page and link it. There is no compile step: one stylesheet, and one optional module for behaviour.
- Status
- In production
- Version
- v1.0.0
- Stack
- CSS · ES modules · Design tokens
- Repository
- Public, on GitHub
- License
- MIT
Every CSS framework makes you choose: a build step and a toolchain that ages, or a button that looks right and cannot be used from the keyboard. iVOLT exists so you do not have to choose. It plugs into the page you already have without fighting the theme or the legacy stylesheet, every component works without JavaScript, and contrast, focus and ARIA are tested in Chromium, Firefox and WebKit before each release, not after somebody complains.
Screenshots of what already works
Screenshots of the public documentation at ivolt.intervolutions.com, which is built with the framework itself: the bar, the search, the example panels and the theme switch are iVOLT components. The documentation exists in English and Spanish.
iVOLT
It works on the page you already have
Everything sits under .iv-root and carries a prefix: classes, tokens, attributes and events. Nothing uses !important, so it lives next to a WordPress theme or a legacy stylesheet without a fight.
Accessibility is part of the contract
Keyboard paths, focus handling, ARIA and AA contrast are tested in Chromium, Firefox and WebKit with Playwright and axe. And every content component still works with JavaScript disabled.
Themes are yours
Every colour, radius and font is an --iv-* token you can override. Light, dark and system switch with one attribute and can be scoped to a single section. The theme builder on the site hands you the CSS ready to copy.
Nothing phones home
Zero dependencies, zero telemetry, no remote fonts and no network requests of any kind. What you download is what runs.
Import only what you use
One stylesheet per component, ES modules with real exports and .d.ts types, an auto-start entry and an IIFE for pages without a bundler. Importing the modules never touches document or window, so server rendering is safe.
Real SemVer from 1.0
What is public is written in the contract: classes, tokens, data-iv-* attributes, exports and iv:* events. Anything retired is announced one version ahead and the code warns in the console.
Ready to build something big?
Pick what you want to build, add a few extras, and watch your plan take shape in real time. No emails, no waiting. Go ahead — play.