SGDS | Web Component

About
Foundations
Components
Patterns
Layouts
Templates
FAQs
Get started
SGDS Github repo
- Github
- SGDS
- React
- Web Component
SGDS storybook
- Storybook
- React
- Web Component

Get started

Design
- HTML & CSS
- SASS
- React
- Web Component
- React Select

Last updated 08 July 2024

On this page

Singapore Government Design System

The Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.

About Us
Components
Patterns
Templates
FAQs

SGDS Github Repo
SGDS React Storybook
SGDS v1.4.0
SGDS React v1
Singapore Government Developer Portal
Isomer

Contact
Feedback
Reach.gov.sg

Report Vulnerability
Privacy Statement
Terms of use

© 2025 Government of Singapore
Last Updated 28 Jan 2025

About

Overview
Accessibility
Colour
Content
Spacing
Typography

Overview
Official Government Banner
Footer
Main Navigation
Side Navigation
Accordion
Alert
Badge
Breadcrumb
Button
Card
Checkbox
Combo Box
Date Picker
File Upload
Modal
Pagination
Progress Bar
Quantity Toggle
Radio Button
Stepper
Table
Tabs
Text Area
Text Input
Toast
Tooltip

Overview
Address
Date
Email Address
Error Summary
Name
Phone Number

Overview
Bootstrap Grid System
Template Grid
Side Navigation Area
Content Area
Table of Content Area

Overview
Landing Page
Single Page Form
Multi Page Form
Collapsible Page Form
Detail Page Basic
Detail Page Side Nav Extended
Detail Page Side Nav
Overview Page with Search Bar

Faqs

Overview
Design
Develop
HTML & CSS
SASS
React
Web Component
React Select

SGDS
React
Web Component

React
Web Component

Latest version 2.3.6