HelixAngular 22 UI components

Standalone, signal-based Angular components on design tokens with plain CSS, plus an application shell, dynamic forms and AG Grid helpers.

Components

Shell API

Theming

Live demo

GitHub

@gravionlabs/helix-ui

52 components with hx- selectors, tokens, a theme service and the validators, one page each.

@gravionlabs/helix-shell

Topbar, nav rail, status bar, auth pages, landing widgets and the layout store.

@gravionlabs/helix-zod

Dynamic forms from annotated Zod v4 schemas, on Angular signal forms.

@gravionlabs/helix-ag-grid

Value formatters, number parsers and cell styles for AG Grid.

Install

bash

npm install @gravionlabs/helix-ui

css

@import "@gravionlabs/helix-ui/styles.css";
@import "@gravionlabs/helix-ui/tokens.css";

import { HxButton } from '@gravionlabs/helix-ui';

html

<button hx-button>Save</button>

Components are standalone elements (<hx-select>) and attributes on native elements (<button hx-button>). Browse the component reference, the helix-ui overview, the shell API or the roadmap. Colours, dark mode and the primary colour are CSS custom properties (--h-*) that the theme service of helix-ui changes at runtime; see Theming.