Enterprise UI components.
Accessibility baked in — not bolted on.
Production-ready components for healthcare UIs. W3C DTCG tokens, Lit 3.x, and a11y you don't have to retrofit. Works in React, Vue, Angular, Svelte, Astro, Drupal, and vanilla HTML.
npx create-helix my-app Every element you need, ready to deploy.
An expansive catalog across 9 categories. Production-tested. Built to WCAG 2.2 AA.
Form Controls
hx-text-input, hx-textarea, hx-checkbox, hx-checkbox-group, hx-radio-group, hx-radio, hx-select, hx-combobox, hx-toggle-button, hx-slider, hx-number-input, hx-date-picker, hx-time-picker, hx-file-upload, hx-field, hx-field-label, hx-form, hx-switch, hx-color-picker, hx-help-text
Navigation
hx-nav, hx-nav-item, hx-top-nav, hx-side-nav, hx-breadcrumb, hx-breadcrumb-item, hx-pagination, hx-menu, hx-menu-item, hx-menu-divider, hx-dropdown, hx-overflow-menu, hx-tab, hx-tab-panel, hx-tabs
Feedback
hx-alert, hx-toast, hx-toast-stack, hx-status-indicator, hx-progress-bar, hx-progress-ring, hx-spinner, hx-steps, hx-step, hx-badge
Data Display
hx-card, hx-carousel, hx-carousel-item, hx-data-table, hx-list, hx-list-item, hx-structured-list, hx-structured-list-row, hx-tree-view, hx-tree-item, hx-skeleton, hx-code-snippet, hx-accordion, hx-accordion-item
Containers
hx-container, hx-grid, hx-grid-item, hx-stack, hx-split-panel
Modals & Overlays
hx-dialog, hx-drawer, hx-popover, hx-popup, hx-tooltip
Actions
hx-button, hx-button-group, hx-split-button, hx-copy-button, hx-action-bar
Decorative
hx-avatar, hx-tag, hx-divider, hx-icon, hx-image, hx-link, hx-text, hx-prose, hx-visually-hidden
Specialized
hx-format-date, hx-meter, hx-rating, hx-theme
Built for production. Designed for scale.
Healthcare-First Accessibility
Every component keyboard-navigable, screen reader compatible, and tested with axe-core in CI. The HHS Section 504 mandate sets WCAG 2.1 AA as the healthcare compliance threshold; HELiX is built to WCAG 2.2 AA as its baseline, with WCAG 2.2 AAA self-certified on its P0 component set.
Design Token System
A comprehensive design-token set. W3C DTCG compliant. 3-tier cascade architecture: primitives → semantic → component. Light, dark, and high-contrast modes.
Drupal Ecosystem
75 SDC compositions ready to drop into any Drupal 10+ site. 8 Drupal behaviors
(accordion, dialog, drawer, menu, tabs, popover, toast, tooltip).
@helixui/drupal-behaviors and
@helixui/drupal-starter on npm.
Enterprise TypeScript
Strict mode throughout. 100% JSDoc coverage. CEM-driven API docs. Auto-generated Storybook stories from your component manifest.
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.
React Wrapper Ecosystem
Auto-generated React wrappers via @lit/react. 'use client' directives for Next.js RSC compatibility.
Full TypeScript event mapping (onHxClick → hx-click). Install: npm i @helixui/react
AI-Powered Tooling
@helixui/mcp — 16 MCP tools for Claude Code and Cursor.
scaffoldComponent,
scaffoldTheme,
auditTokens,
healthCheck,
analyzeExtension,
migrateVersion, and the full discovery surface (listComponents,
getComponent,
listSlots,
listEvents, and more) so AI agents can reason about
the library without reading source.
Enterprise Quality Pipeline
An extensive test suite across the library, gated by a multi-stage CI quality pipeline. Vitest browser mode + Playwright cross-browser testing. 3-tier automated code review. Built to the standard enterprise buyers require.
From zero to enterprise components in 30 seconds.
create-helix emits a fully wired
turbo + pnpm-workspaces monorepo —
apps/web + a shared
design-system package — in seconds. Two prompts: what you're
building, and whether to bundle the design system alongside.
4 Production-Tier Starter Kits
- WC Storybook (design system factory)
- React + Next.js 16
- React + Vite
- Astro 5 (new in v0.8.0)
12 additional frameworks (Remix, Vue/Nuxt, Vite, SvelteKit, Angular, Solid, Qwik,
Preact, Lit, Stencil, Ember, Vanilla) available behind
--show-experimental.
Monorepo by Default
-
apps/web— your app -
packages/design-system— Lit components + Storybook -
packages/types— shared TS types -
packages/utils— shared helpers - turbo + pnpm-workspaces wired
-
Opt out with
--no-design-system
Drupal Themes
-
--drupalflag — dedicated path - 5 presets: standard, blog, healthcare, intranet, ecommerce
- SDC + Twig + libraries YAML emitted
-
@helixui/drupal-behaviors -
@helixui/drupal-starter
Up and running in 60 seconds.
# Start a new project (recommended)
npx create-helix my-project
# Q1 — production-tier picks:
# wc-storybook, react-next,
# react-vite, astro
# Q2 — bundle design system? (Y)
# Emits turbo monorepo by default
# Drupal theme (separate flag):
npx create-helix --drupal --preset healthcare# Add to an existing project
npm i @helixui/library @helixui/tokens @helixui/icons
# React developers
npm i @helixui/react
# Drupal sites
npm i @helixui/drupal-behaviors<!-- 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>Ready to adopt HELiX? The docs walk you through it.
Installation, design tokens, framework adapters (React + Vue + Angular + Astro + Drupal), migration from 2.x → 3.x, AAA-bucket conformance evidence, and a per-component Storybook with every prop, slot, CSS part, and event documented.
Companion projects
The other Booked Solid OSS projects — independently shipping, designed to compose.
Start building with HELiX.
Open source. Enterprise grade. Built for healthcare organizations and the teams who can't afford to cut corners.