Open Design Library
Free and open resources worth knowing: official, well maintained and trustworthy. A short list on purpose.
Licences are what each project’s own repository reported on the date shown. Where a licence was not checked, the entry says so. “Free to read” does not mean open source.
Verified 7 Oct 2026Government design systems
Singapore Government Design System
Open sourceSingapore's design system: foundations, components, templates and blocks.
- Use it for.
- Singapore government services, and as a worked example of a token architecture.
- Why it is useful.
- Official, actively maintained, and the system the Baseline Design Practices point to.
- Licence.
- MIT (web components repository)
Official site(opens in a new tab)Repository(opens in a new tab)
GOV.UK Design System
Open sourceComponents and patterns for UK government services, each with the research behind it.
- Use it for.
- Form patterns, error handling and plain-language guidance.
- Why it is useful.
- Unusually open about when not to use a component.
- Licence.
- MIT (GOV.UK Frontend)
Official site(opens in a new tab)Repository(opens in a new tab)
U.S. Web Design System
Open sourceThe design system for United States federal websites.
- Use it for.
- A third government system to compare against.
- Why it is useful.
- Mature, well documented and built for accessibility.
- Licence.
- Licence file present, not a standard identifier. Read it in the repository.
Official site(opens in a new tab)Repository(opens in a new tab)
UX research resources
GOV.UK Service Manual: User research
Free to readPractical guides to planning, running and analysing research.
- Use it for.
- Consent, moderated testing and analysis, step by step.
- Why it is useful.
- Written by practitioners, free, and specific. Some pages are several years old.
- Licence.
- Not checked. See the site's own terms.
Nielsen Norman Group articles
Free to readEvidence-based articles on usability and research methods.
- Use it for.
- Method choice, interviews, testing and synthesis.
- Why it is useful.
- Long-running and widely cited. Articles are free; training is paid.
- Licence.
- Not checked. See the site's own terms.
Accessibility
WCAG 2.2
Free to readThe W3C's Web Content Accessibility Guidelines.
- Use it for.
- The testable criteria most accessibility requirements point to.
- Why it is useful.
- It is the standard itself, not a summary of it.
- Licence.
- Licence file present, not a standard identifier. Read it in the repository.
Official site(opens in a new tab)Repository(opens in a new tab)
ARIA Authoring Practices Guide
Free to readW3C patterns for accessible widgets, with keyboard behaviour and examples.
- Use it for.
- Specifying how a custom component should behave by keyboard.
- Why it is useful.
- The reference for interaction patterns such as tabs, menus and dialogs.
- Licence.
- Licence file present, not a standard identifier. Read it in the repository.
Official site(opens in a new tab)Repository(opens in a new tab)
axe-core
Open sourceAn accessibility testing engine for websites.
- Use it for.
- Automated checks in the browser and in a build pipeline.
- Why it is useful.
- Widely used, and the engine behind many other tools.
- Licence.
- MPL-2.0
Pa11y
Open sourceCommand-line accessibility testing.
- Use it for.
- Running checks across many pages automatically.
- Why it is useful.
- Simple to add to a project.
- Licence.
- LGPL-3.0
Official site(opens in a new tab)Repository(opens in a new tab)
Design systems
Material Web
Open sourceGoogle's Material Design components for the web.
- Use it for.
- Seeing how Material components are specified and built.
- Why it is useful.
- A large, complete system from a single vendor.
- Licence.
- Apache-2.0
Official site(opens in a new tab)Repository(opens in a new tab)
Carbon Design System
Open sourceIBM's design system.
- Use it for.
- Dense, data-heavy enterprise patterns.
- Why it is useful.
- Strong on tables, forms and data visualisation.
- Licence.
- Apache-2.0
Official site(opens in a new tab)Repository(opens in a new tab)
Primer
Open sourceGitHub's design system.
- Use it for.
- Developer-tool interfaces and compact UI.
- Why it is useful.
- Shows a system serving a dense product.
- Licence.
- MIT (Primer React)
Official site(opens in a new tab)Repository(opens in a new tab)
Fluent UI
Open sourceMicrosoft's design system and component libraries.
- Use it for.
- Windows and Microsoft 365 conventions.
- Why it is useful.
- The reference for products in Microsoft's ecosystem.
- Licence.
- Licence file present, not a standard identifier. Read it in the repository.
Official site(opens in a new tab)Repository(opens in a new tab)
Polaris
Free to readShopify's design system.
- Use it for.
- Commerce and admin patterns.
- Why it is useful.
- Clear content guidelines.
- Licence.
- Not checked. See the site's own terms.
Atlassian Design System
Free to readAtlassian's design system.
- Use it for.
- Collaboration-tool patterns.
- Why it is useful.
- Well-documented foundations and content guidance.
- Licence.
- Not checked. See the site's own terms.
Icons
Lucide
Open sourceAn icon library with consistent stroke weights.
- Use it for.
- Interface icons. Shortcut itself uses it.
- Why it is useful.
- Large, consistent and actively maintained.
- Licence.
- Licence file present, not a standard identifier. Read it in the repository.
Official site(opens in a new tab)Repository(opens in a new tab)
Phosphor
Open sourceAn icon family in several weights.
- Use it for.
- When you need the same icon at different visual weights.
- Why it is useful.
- Weights make hierarchy possible without changing icon.
- Licence.
- MIT
Official site(opens in a new tab)Repository(opens in a new tab)
Heroicons
Open sourceIcons from the makers of Tailwind CSS.
- Use it for.
- A small, tidy set for product UI.
- Why it is useful.
- Simple and easy to adopt.
- Licence.
- MIT
Official site(opens in a new tab)Repository(opens in a new tab)
Fonts
Inter
Open sourceA typeface designed for screens.
- Use it for.
- Interface text. SGDS uses it.
- Why it is useful.
- Tall x-height and wide language support.
- Licence.
- OFL-1.1
Official site(opens in a new tab)Repository(opens in a new tab)