Get started
Develop
Consume the bundled CSS, sync icons, and run the documentation site locally when you change tokens or components.
Repository scripts
npm install
npm run build # dist/nexus-ds.css from partials
npm run icons:sync # lucide.min.js → assets/vendor/
npm run build:site # site-dist/ documentation
npm run dev:site # build + serve on :8770
Using components
Class names match the previews under
Components. Load
dist/nexus-ds.css once, then apply the documented markup.
- Call
lucide.createIcons()after DOM updates for icon buttons and pills. - Override sparingly—extend tokens in
tokens/tokens.csswhen possible.
Documentation site
Content pages live in website/content/ and compile via
scripts/build-website.mjs. Add a page entry in that script and
website/nav.json when you introduce new docs.
Code blocks use <pre class="ds-code"><code class="language-…"> and are
colorized at build time. See website/content/_snippet-reference.html for the terminal
snippet pattern.