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 (CDN, npm, or static files).
  2. Quick start — your first component, built up step by step.
  3. Philosophy — the principles behind the kit.
  4. Kitchen sink — every component live on one page, the fastest way to evaluate the kit.
  5. Integrations — wiring HC into Django, Rails, Go, Razor, and other server stacks.