Public assets and bundle order

New pages should load starthds-core.css first, then the needed app, dashboard/data, marketing, knowledge, or markdown domain bundle, then optional token-only theme CSS, then product-local CSS. Use dependency-free ES modules only for progressive enhancements.

<link rel="stylesheet" href="/v1/css/starthds-core.css">
<link rel="stylesheet" href="/v1/css/starthds-app.css">
<link rel="stylesheet" href="/v1/css/starthds-dashboard.css">
<link rel="stylesheet" href="/v1/css/starthds-marketing.css">
<link rel="stylesheet" href="/v1/css/starthds-knowledge.css">
<link rel="stylesheet" href="/v1/css/starthds-markdown.css">
<link rel="stylesheet" href="/v1/css/themes/equiask.css">
<link rel="stylesheet" href="/assets/app-local.css">
<script type="module" src="/v1/js/starthds-core.js"></script>
<script type="module" src="/v1/js/starthds-app.js"></script>
<script type="module" src="/v1/js/starthds-dashboard.js"></script>
<script type="module" src="/v1/js/starthds-knowledge.js"></script>
<script type="module" src="/v1/js/starthds-markdown.js"></script>

The retained aggregate remains available for legacy/all-in-one consumers:

<link rel="stylesheet" href="/v1/css/starthds.css">
<script type="module" src="/v1/js/starthds.js"></script>

Consumers can self-host the same files or reference them from the StartHDS host; public /v1 assets return wildcard CORS, correct MIME types, and immutable cache headers.

Core bundle

Load only starthds-core.css and optional core JS for foundational classes.

Open core showcase

Icons

Use stable icon names rendered by StartHDS core JavaScript and styled by hds-icon classes.

Read icon docs

Components

Use stable hds- classes for headers, heroes, cards, forms, auth, dashboard and data surfaces, marketing, media, social/community, conversion, app/mobile layouts, discovery/search, knowledge/content, response/reaction primitives, and admin shells.

View components

App/mobile layouts

Compose generic app shells, mobile pages, appbars, sticky action bars, and bottom tab bars with safe-area tokens.

Read app docs

Dashboard bundle

Compose product-neutral dashboard shells, stat cards, user summaries, records/value tables, activity feeds, progress/status panels, and state surfaces with dashboard-specific classes.

Read dashboard docs

Data bundle patterns

Copy generic data toolbar, filters, tables, cards, record lists, field lists, state surfaces, pagination, bulk actions, and edit sheet composition.

Read data docs

Knowledge and discovery

Compose search, command, tabs, filters, result cards, reading views, responses, and reactions with generic primitives.

Read knowledge docs

Markdown

Render safe Markdown from inline attributes, source elements, or host-fetched files into StartHDS article, course, docs, and landing layouts.

Read markdown docs

Interactions and forms

Compose hds-sheet, hds-flow, hds-upload, disclosure, menus, choice cards, and save status with generic progressive enhancements.

Open interactions example

Marketing

Build landing heroes, proof strips, pricing, testimonials, FAQs, and CTA bands with dependency-free CSS.

Read marketing docs

Media

Build video cards, course progress, lesson lists, article grids, galleries, breadcrumbs, and pagination with static HTML.

Read media docs

Social

Publish reviews, comments, profiles, avatar groups, share bars, and social links with semantic HTML.

Read social docs

Conversion

Build lead magnets, opt-in forms, webinars, events, countdowns, comparisons, guarantees, and risk-reversal sections.

Read conversion docs

Themes

Load token-only theme CSS for equiask-like or justhorsestv-like pages after core and domain bundles.

Compare themes

Bundle loading and aggregate policy

Document core + domain order, wildcard CORS, MIME/cache expectations, JS modules, and the retained all-in-one aggregate.

Read usage docs