Develop

List of resources and tools related to the Singapore Government Design System that we consider useful and valuable to developers. More of this are coming up, you can also leave us feedback on what you would like to see.

Implementations

HTML & CSS

SGDS library is built on Bootstrap 5, it offers CSS styles directly applied to HTML elements and CSS tokens for modular customisation.

Learn more

SASS

SGDS provides style customisation through SASS source files.

Learn more

React

The react implementation of Bootstrap Javascript for SGDS components

React Storybook

Web Component

The framework agnostic implementation of SGDS components. Compatible with modern frameworks like React, Vue, Angular etc.

Web Component Storybook

Third-Party Library

React-select

A collection of stylesheets powered by SGDS to provide compliant styling for third party packages

Learn more