npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@intervolutions/ivolt

v1.0.0

Published

Accessible CSS framework and design system: semantic components, design tokens, light and dark themes and optional JavaScript. No runtime dependencies, no build step.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

davabedavabe

Keywords

csscss-frameworkframeworkdesign-systemdesign-tokenscomponentsui-componentsaccessibilitya11ydark-modehtmlno-buildzero-dependenciesastrowordpressrtl

Readme

@intervolutions/ivolt

iVOLT is a CSS framework and design system for accessible interfaces. Semantic components are the fast path, a finite utility set composes them, design tokens are the visual contract and JavaScript is optional. There are no runtime dependencies and no build step: one <link> is enough in plain HTML, Astro, WordPress or any bundler, with dark mode, right-to-left, print and AA contrast handled from the first page.

npm version license MIT

Install

npm install @intervolutions/ivolt

Plain HTML, no bundler: copy node_modules/@intervolutions/ivolt/dist next to your page and link it.

<html class="iv-root" data-iv-theme="system">
  <link rel="stylesheet" href="ivolt/css/ivolt.min.css">
  <script type="module" src="ivolt/js/auto.js"></script>

With a bundler, Astro or Vite:

import "@intervolutions/ivolt/css/ivolt.css";
import { init, Dialog } from "@intervolutions/ivolt";
init(document);

Documentation: guides, every component with live examples, the token reference and four complete pages are at github.com/iNTERVOLUTIONS-Labs/iVOLT; the site itself builds from apps/docs with npm run dev:docs.

What you get

| | | | --- | --- | | Components | 24 with optional JavaScript: dialog, drawer, disclosure, tabs, dropdown, toast, combobox, data table, picker, form validation, counter, carousel, megamenu, navbar, stepper, datepicker, tooltip, popover, command palette, lightbox, countup, scroll motion, proximity and reveal | | CSS-only families | 14: button, card, form, table, badge, alert, hero, timeline, stat, avatar, breadcrumb, pagination, progress, skeleton | | Tokens | every --iv-* custom property, also published as tokens.json; light, dark and system themes that nest per element | | Stylesheets | layered ivolt.css, flat ivolt.flat.css for pipelines that cannot cascade layers, and one minified file per component | | JavaScript | ES modules with real exports and .d.ts types, an auto-start entry and an IIFE (IVOLT) for pages without a bundler | | Weight | ivolt.min.css 32.1 KiB min+gzip, the complete IIFE 45.5 KiB min+gzip; import a single component and ship only that |

Why iVOLT

  • It works on the page you already have. Styles are scoped to .iv-root, every class, token, attribute and event is prefixed, and nothing uses !important, so iVOLT sits 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, and every content component still works with JavaScript disabled.
  • Themes are yours. Change a token and the page follows; light, dark and system switch with one attribute and can be scoped to a single section.
  • Nothing phones home. Zero runtime dependencies, no telemetry, no remote fonts and no network requests of any kind.

Compatibility

Chromium 113, Firefox 113, Safari 16.4 and their mobile versions; tested in Chromium, Firefox and WebKit. Works from a <link>, from npm, in Astro, Vite, WordPress or any bundler. Importing the ES modules never touches document or window, so server rendering is safe. Right-to-left, forced colours, print and prefers-reduced-motion are supported, and public names follow SemVer from 1.0.0.

Licence

MIT © 2026 iNTERVOLUTIONS