Semantic UI CDNUse fonts="none" to suppress auto-loading when embedding into pages with their own font.
<script src="https://cdn.semantic-ui.com/load" components fonts="none"></script>
Lato is auto-included with components. No extra setup needed.
<script src="https://cdn.semantic-ui.com/load" components></script>
Use fonts="none" to suppress auto-loading when embedding into pages with their own font.
<script src="https://cdn.semantic-ui.com/load" components fonts="none"></script>
Link the font CSS directly. No loader required.
<link rel="stylesheet" href="https://cdn.semantic-ui.com/fonts/lato">
The default Semantic UI font. Latin subset, WOFF2 format.
| Weight | Style |
|---|---|
400 | Regular |
400 | Italic |
600 | Semibold |
600 | Semibold Italic |
700 | Bold |
700 | Bold Italic |
Preload font files for faster rendering. The crossorigin attribute is required for cross-origin fonts.
<link rel="preload" as="font" type="font/woff2" crossorigin href="https://cdn.semantic-ui.com/fonts@canary/lato/LatoLatin-Regular.woff2">
| Endpoint | Description | Type |
|---|---|---|
| /load | One-tag setup — components, CSS, icons, fonts | classic script |
| /css | Design tokens + reset + base page styles | text/css |
| /css/{layer} | Individual layers: tokens, reset, base | text/css |
| /core | Component framework — all primitives, components, behaviors | module |
Standalone. Usable without the component framework.
| Endpoint | npm | Description |
|---|---|---|
| /component | @semantic-ui/component | defineComponent, templates, lifecycle |
| /reactivity | @semantic-ui/reactivity | Signals, Reactions, dependency tracking |
| /query | @semantic-ui/query | DOM selection, events, Shadow DOM piercing |
| /utils | @semantic-ui/utils | Arrays, objects, strings, debounce, clone, equality |
| /templating | @semantic-ui/templating | Template compiler, expression evaluator |
| /renderer | @semantic-ui/renderer | Lit-based reactive renderer |
| /compiler | @semantic-ui/compiler | Template-to-AST compiler |
| /specs | @semantic-ui/specs | Component specifications and metadata |
| /tailwind | @semantic-ui/tailwind | Tailwind v4 runtime for Shadow DOM |
| Endpoint | Default | Available sets |
|---|---|---|
| /icons | Lucide | lucide, phosphor, tabler, material-symbols, heroicons, brands |
| /fonts | Lato | lato |
Third-party deps. Pinned to exact versions. No @latest / @canary.
| Package | Version |
|---|---|
| /vendor/lit | 3.3.2 |
| /vendor/lit-html | 3.3.2 |
| /vendor/lit-element | 4.2.1 |
| /vendor/@lit/reactive-element | 2.1.1 |
| /vendor/tailwindcss | 4.1.12 |
| Pattern | Behavior | Cache |
|---|---|---|
/core@0.18.0 | Exact version — served directly | Immutable (1 year) |
/core@canary | Overwritten on every main merge | 60 seconds |
/core@latest | 302 → current stable | 5 min |
/core | Same as @latest | 5 min |
Pin to an exact version for production. Vendor packages are always pinned.