Skip to content

Introduction

Hypermedia Components is a semantic UI component system for server-rendered and hypermedia applications.

It provides:

  • semantic CSS components (hc-button, hc-field, hc-card, …);
  • DTCG token sources and generated CSS variables;
  • htmx-ready recipes;
  • small behavior helpers;
  • optional Light DOM macros;
  • copyable expanded HTML;
  • documented server response contracts.
  1. Installation — load the assets (npm or static files).
  2. Quick start — your first component, built up step by step.
  3. Philosophy — the principles behind the kit.