Who should use it
The NSW Design System can be used by any department. The components are UI building blocks, providing a consistent approach to UI and UX for designers and developers.
How it works
View core styles, browse components, read guidance on how they can be used, and follow links to documented UI kits in Figma, HTML, and react.
🔹 How to meet brand requirements
You’ll need to use some features of the design system to be brand compliant. These are indicated with a 🔹 blue diamond.
Core styles
Use these digital styles for a distinctly NSW Government look and feel.
Components
Reusable building blocks that meet specific interaction or user needs.
- Accordion
- Back to top
- Breadcrumbs
- Buttons🔹
- Callout
- Card carousel
- Cards
- Close button
- Content blocks
- Date input
- Date picker
- Dialog
- File upload
- Filters
- Footer🔹
- Forms🔹
- Global alert
- Header🔹
- Hero banner
- Hero search
- In-page alert
- In-page navigation
- Link
- Link list
- List items
- Loader
- Main navigation
- Masthead🔹
- Media
- Pagination
- Popover
- Progress Indicator
- Results bar
- Select
- Side navigation
- Status labels
- Steps
- Support list
- Tables
- Tabs
- Tags
- Tooltip
Methods
Best practice design solutions for specific user-focused tasks and page types.
Report an issue
View and raise issues and bugs through our Issues tracker on Github or report a bug on the Digital NSW community.
Contribute
Whether proposing a component or building a new one, its your contribution that will help us deliver better services for NSW.
Join the discussion
The Digital NSW Community brings together like-minded people to collaborate and share to create better customer experiences.
Get notified about updates and new releases
Subscribe to our mailing list, watch the NSW Design System Github or join the Digital NSW Community.