@helixui/library

70+ Enterprise Web Components.
Zero Framework Lock-in.

Built with Lit 3.x. Healthcare-first accessibility (WCAG AAA target). Works in React, Vue, Angular, Svelte, Astro, Drupal, and vanilla JS.

npm i @helixui/library View on GitHub

terminal

$ npm i @helixui/library @helixui/tokens

✓ Added 2 packages in 4.2s

$ # Import a component and use it

✓ 70+ components ready

Component Library

Every element you need, ready to deploy.

9 categories. 70+ components. Production-tested. Designed to support WCAG 2.1 AA guidelines.

Fm 15

Form Controls

text-input, textarea, checkbox, radio-group, select, combobox, toggle, slider, number-input, date-picker, time-picker, file-upload, field, field-label

Nv 8

Navigation

nav, top-nav, side-nav, breadcrumb, pagination, menu, dropdown, overflow-menu

Fb 7

Feedback

alert, toast, status-indicator, progress-bar, progress-ring, spinner, steps

Dt 8

Data Display

card, carousel, data-table, list, structured-list, tree-view, skeleton, code-snippet

Cn 4

Containers

container, grid, stack, split-panel

Mo 5

Modals & Overlays

dialog, drawer, popover, popup, tooltip

Ac 5

Actions

button, button-group, split-button, copy-button, action-bar

Dc 10

Decorative

avatar, badge, tag, divider, icon, image, link, text, prose, visually-hidden

Sp 8

Specialized

accordion, tabs, color-picker, format-date, help-text, meter, rating, theme

Why Helix

Built for production. Designed for scale.

a11y.config

01 A1 Accessible

Healthcare-First Accessibility

Designed to support WCAG 2.1 AA guidelines, targeting AAA. 4-level a11y testing strategy. Built with accessibility as a core principle for healthcare environments.

Regulatory timelines are subject to change. Consult legal counsel for current compliance requirements.

tokens.json

02 Tk Tokens

Design Token System

W3C DTCG compliant. 3-tier token architecture: primitives → semantic → component. Light, dark, and high-contrast modes. Under 50KB gzip total.

drupal.twig

03 Dr Drupal

Drupal-Optimized

Zero framework coupling. Drupal-friendly component APIs with complete Twig examples for every component. Drop in without refactoring your CMS.

tsconfig.strict.json

04 Ts TypeScript

Enterprise TypeScript

Strict mode throughout. 100% JSDoc coverage. CEM-driven API docs. Auto-generated Storybook stories from your component manifest.

web-standards.html

05 Fw Framework

Framework Agnostic

Works in React, Vue, Angular, Svelte, Astro, and vanilla JS. Web standards only — no proprietary APIs, no vendor lock-in, no bundler magic.

Quick Start

Up and running in 60 seconds.

Install

# npm
npm install @helixui/library @helixui/tokens

# pnpm
pnpm add @helixui/library @helixui/tokens

# yarn
yarn add @helixui/library @helixui/tokens

Usage

<!-- Import tokens -->
<link rel="stylesheet" href="@helixui/tokens/css" />

<!-- Import a component -->
<script type="module">
  import '@helixui/library/components/hx-button';
</script>

<!-- Use it anywhere -->
<hx-button variant="primary">
  Get Started
</hx-button>

Start building with HELiXui.

Open source. Enterprise grade. Built for healthcare, government, and the teams who can't afford to cut corners.