@nswds/ui
ui.digital.nsw.gov.auFreerepo only
UI components for NSW Government digital products, providing reusable design elements and patterns for consistent user interfaces.
Items
46
2026-08-21Every entry in its own registry.json, counted last night.Free to install
46
2026-08-21Item endpoints that returned source without credentials.Behind a key
0
2026-08-21Item endpoints that answered 401.Last push
today
0 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Aspect Ratioaspect-ratio | Constrains its content to a given width-to-height ratio. | Components | Free | 2 deps · 2 files | |
| Badgebadge | A badge component with variants, colours, sizes, and interactive button/link variants. | Components | Free | 4 deps · 2 files | |
| Buttonbutton | A button component with variants and sizes. | Components | Free | 4 deps · 2 files | |
| Cardcard | A content container with header, content, footer, action, and description slots. | Components | Free | 2 deps · 2 files | |
| Collapsiblecollapsible | An expandable section built on the Base UI collapsible primitive. | Components | Free | 1 dep | |
| Drawerdrawer | An edge-anchored panel that slides in from any side, built on Vaul. | Components | Free | 3 deps · 2 files | |
| Expandable Searchexpandable-search | A 48px search button that expands into a text field on focus, with ink-derived surface colours matching the footer palette. | Components | Free | 3 deps · 2 files | |
| Fieldfield | Form field layout primitives — set, group, label, description, error, and separator slots. | Components | Free | 4 deps · 2 files | |
| Footerfooter | End-of-page contentinfo landmark with acknowledgement of Country, legal links, ownership and social channels, themeable across 13 token-based surface colours. | Components | Free | 3 deps · 2 files | |
| Headerheader | Top-of-page banner landmark with brand lockup, site name, version badge and a slot for header controls, in four WCAG 2.2 AAA surface colours. | Components | Free | 3 deps · 2 files | |
| Hover Cardhover-card | A rich preview surface shown on hover or focus, built on the Base UI preview-card primitive. | Components | Free | 3 deps · 2 files | |
| Iconsicons | Curated NSWDS icon subset used by the shipped components and patterns. The full Material Symbols set is available per-icon from the @nswds/ui npm package (import { IconSearch } from '@nswds/ui/icons'). | Components | Free | no deps · 34 files | |
| Inputinput | A text input built on the Base UI input primitive with NSW form styling. | Components | Free | 3 deps · 2 files | |
| Labellabel | A form label with disabled-state styling. | Components | Free | 2 deps · 2 files | |
| Labeled Separatorlabeled-separator | A horizontal divider broken by a centred label, such as an "or" rule between sign-in methods. | Components | Free | 2 deps · 2 files | |
| Linklink | A link primitive with a provider for app router link components. | Components | Free | 3 deps · 2 files | |
| Logologo | NSW Government logo component. | Components | Free | 1 dep | |
| Main Navigationmain-nav | The full-width NSW site navigation bar with mega-menu panels, current-page marking and 13 token-based surface colours, built on the navigation-menu component. | Components | Free | 4 deps · 3 files | |
| Mastheadmasthead | The "A NSW Government website" strip shown above the site header, with WCAG 2.2 AAA colour variants and fluid/contained width presets. | Components | Free | 3 deps · 2 files | |
| Popoverpopover | A floating panel anchored to a trigger, built on the Base UI popover primitive. | Components | Free | 3 deps · 2 files | |
| Push Menupush-menu | Multi-level drill-down navigation menu with slide transitions, focus management and inert parked levels, for mobile drawers. | Components | Free | 2 deps · 2 files | |
| Resizableresizable | Resizable panel groups with draggable handles, built on react-resizable-panels. | Components | Free | 3 deps · 2 files | |
| Scroll Areascroll-area | A custom scrollable region with styled scrollbars, built on the Base UI scroll-area primitive. | Components | Free | 3 deps · 2 files | |
| Separatorseparator | A semantic or decorative divider built on the Base UI separator primitive. | Components | Free | 3 deps · 2 files | |
| Sheetsheet | An edge-anchored dialog that slides in from any side, built on the Base UI dialog primitive. | Components | Free | 3 deps · 2 files | |
| Side Navigationside-nav | Vertical section navigation with arbitrary collapsible nesting, current-page marking and auto-expansion of the active branch. | Components | Free | 3 deps · 2 files | |
| Site Searchsite-search | Cmd/Ctrl-K site search palette on the Base UI autocomplete and dialog primitives — grouped results, keyboard filtering and an onSelect callback for framework routing. | Components | Free | 3 deps · 2 files | |
| Skip Linkskip-link | Focus-revealed bypass links (SkipLink + SkipLinks landmark) that let keyboard and screen-reader users jump past repeated blocks, with the same AAA colour variants as the Masthead. | Components | Free | 3 deps · 2 files | |
| Sonnersonner | A toast notification surface wired to next-themes, with NSWDS status icons. | Components | Free | 4 deps · 2 files | |
| Spinnerspinner | An inline loading spinner with semantic colour and size variants. | Components | Free | 2 deps · 2 files | |
| Step Indicatorstep-indicator | Ordered multi-step progress list with status markers (completed, saved, in progress, error, cannot start) and an aria-current step, plus a sectioned StepNav wrapper. | Components | Free | 2 deps · 2 files | |
| Theme Switchertheme-switcher | Light/dark toggle button with controlled and uncontrolled modes — framework-free, wire it to next-themes or any theme store. | Components | Free | no deps | |
| Tooltiptooltip | A small label shown on hover or focus, built on the Base UI tooltip primitive. | Components | Free | 3 deps · 2 files |
Blocks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Footer — Collapsible Site Mapfooter-accordion | A long site map that collapses into accordions below the lg breakpoint and lays out as columns above it. | Blocks | Free | no deps | |
| Footer — Compact Barfooter-compact | A single horizontal row of logo, links, ownership and social, for embedded tools and admin screens. Omits acknowledgement of Country by design. | Blocks | Free | no deps | |
| Footer — Contact Detailsfooter-contact | Phone, email, street address and opening hours in an <address> element, beside the site map. | Blocks | Free | no deps | |
| Footer — Call to Actionfooter-cta | A call-to-action band above the site map, tinted with the footer ink so it works on every surface colour. | Blocks | Free | no deps | |
| Footer — Newsletterfooter-newsletter | Link columns beside a labelled email subscription form built on Field, Input and Button. | Blocks | Free | no deps | |
| Footer — Simple Centredfooter-simple-centred | Everything centred under the NSW Government logo: the smallest footer that still carries acknowledgement of Country, legal links and ownership. | Blocks | Free | no deps | |
| Footer — Site Mapfooter-sitemap | Four columns of links above the standard footer. The default choice for a department or agency site. | Blocks | Free | no deps | |
| Footer — Site Map with Brandfooter-sitemap-brand | The NSW Government mark and a one-paragraph mission beside three link columns. | Blocks | Free | no deps | |
| Forgot Password Formforgot-password-form | A forgot-password form worked example (Card + Field + Input + Button) wired with NSWDS components. Copy-and-adapt block — not a published component. | Blocks | Free | no deps | |
| Login Formlogin-form | A login form worked example (Card + Field + Input + Button) wired with NSWDS components. Copy-and-adapt block — not a published component. | Blocks | Free | no deps | |
| Mobile Navigation Drawermobile-nav | Hamburger trigger opening a left-side sheet containing the multi-level push menu — the mobile navigation pattern for NSW site headers. | Blocks | Free | no deps | |
| Sign-up Formsign-up-form | A sign-up form worked example (Card + Field + Input + Button) wired with NSWDS components. Copy-and-adapt block — not a published component. | Blocks | Free | no deps |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| NSWDS Themetheme | NSW Government semantic design tokens — maps the shadcn token names onto the @nswds/tokens palette for light and dark mode. | Themes | Free | 1 dep |
Put this measurement in your README
A badge carrying how many items this registry publishes, enumerated nightly from its own registry.json. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.
[](https://blockdex.kynth.studio/registries/nswds-ui)Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:
Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.
