HOT UI
hotosm/ui is HOT's shared component library: a small, focused set of themed web components — headers, sidebars, footers — that give every HOT tool the same chrome without each one rebuilding it.
It is built with Lit and layered on Web Awesome for styling primitives, with the design tokens exposed as CSS custom properties so a consuming app can retheme it or drop it in as-is. It ships as a published package — bundler, plain HTML, CDN, or React — and is documented with a live Storybook, linked below.
I work on this alongside the XLSForm Builder as part of my volunteer frontend work with HOT — same team, same tech lead. See the HOT XLSForm Builder entry for the fuller story of how I ended up there.
The library is GPL-3.0 and already running in production across other HOT tools.
links
web-components · lit · typescript · open-source