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
Tokens
Theme with CSS variables such as --hds-color-primary.
Read token 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