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.
9 categories. 87 components. Production-tested. Designed to support WCAG 2.1 AA guidelines.
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. Built ahead of the HHS Section 504 mandate. WCAG 2.1 AA — the compliance threshold healthcare organizations face.
Design Token System
355 design tokens. W3C DTCG compliant. 3-tier cascade architecture: primitives → semantic → component. Light, dark, and high-contrast modes. Under 50KB gzip total.
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
185+ test files across the library. 7-gate 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 - 4 presets: standard, blog, healthcare, intranet
- 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 (3.9.0)
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.
- HELiXiR MCP Component Intelligence Agent-readable component lookup over CEM. Connect any CEM-compliant library to Claude / Cursor / any MCP client.
- rea Agentic Governance for Claude Code MCP gateway, 14 hardened hooks, hash-chained audit, autonomy ceilings, kill switch. Single-package governance.
- discord-ops Discord MCP Server 49 MCP tools. Multi-guild project routing. Send messages by project name, not channel IDs.
Start building with HELiX.
Open source. Enterprise grade. Built for healthcare organizations and the teams who can't afford to cut corners.