Open-sourced our internal design system - AusDS

Showcase
1

Our team has been building an Australian-focused design system and we’ve decided to open-source it! :australia:

What is AusDS?

A comprehensive design system built specifically for Australian digital products, with:

  • Accessibility-first components (WCAG 2.2 AAA)
  • Australian design patterns and conventions
  • Government design system compatible
  • Built with modern tech (React, Vue, and Web Components)

Why Australian-specific?

  • :white_check_mark: Address format (Australian states, postcodes)
  • :white_check_mark: Phone number formatting (04XX XXX XXX)
  • :white_check_mark: ABN/ACN validation
  • :white_check_mark: Medicare card number patterns
  • :white_check_mark: Cultural considerations (Indigenous Australian design principles)

npm: npm install @ausds/react

We’d love contributions! :rocket:

2

This is exactly what the Australian dev community needs! The ABN validation component alone will save us so much time.

3

Love the Indigenous Australian design principles inclusion. Can you elaborate on what that entails?

4

Are there plans for Angular support? Our stack is Angular 17 and this would be perfect.