Semantic UI CDNLoad specific components via the combo endpoint. You manage CSS separately.
<script type="module" src="https://cdn.semantic-ui.com/core@canary/button,icon,input"></script>
The component framework — all UI primitives, composed components, and behaviors in one package. Load everything or cherry-pick individual components.
Use the load endpoint to autoimport importmaps and assets so you can use components immediately in your page.
<script src="https://cdn.semantic-ui.com/load" components="button,icon,input,modal"></script>
Load specific components via the combo endpoint. You manage CSS separately.
<script type="module" src="https://cdn.semantic-ui.com/core@canary/button,icon,input"></script>
Load the full package. All components registered.
<script type="module" src="https://cdn.semantic-ui.com/core@canary"></script>
Load individually via /core@canary/{name} or combine with commas.
| Component | Endpoint |
|---|---|
| button | /core/button |
| card | /core/card |
| container | /core/container |
| divider | /core/divider |
| icon | /core/icon |
| image | /core/image |
| input | /core/input |
| label | /core/label |
| menu | /core/menu |
| modal | /core/modal |
| rail | /core/rail |
| segment | /core/segment |
| spinner | /core/spinner |
| table | /core/table |
Use a bundle name instead of listing components individually.
<script src="https://cdn.semantic-ui.com/load" components="standard" ></script>
| Bundle | Description |
|---|---|
standard | Default - General-purpose primitives (~40 at 1.0) — button, input, modal, card, table, menu, etc. |
extended | Standard + specialized components — data table, color picker, calendar, etc. |
full | Every component in the framework. |
| 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.