Learn how to get started using design tokens, the building blocks of USWDS component design. View design tokens. Adapt your designs and deliver prototypes quickly and consistently without touching a line of CSS. Build with utilities. USWDS is an active open source community of government engineers, content specialists, and designers.

These templates represent common component combinations and are a great starting point for prototyping or trying USWDS to see if it’s a good fit for your project. Every template in this section is built using USWDS default theme settings and utilities.

USWDS design principles support and reflect the important guidance codified in the 21st Century Integrated Digital Experience Act. These design principles are intended to help teams across government align on common goals and better use the Design System — to be an evaluative lens for design and implementation decisions.

1985年10月26日 · Open source UI components and visual style guide for U.S. government websites. Latest version: 3.12.0, last published: 8 days ago. Start using @uswds/uswds in your project by running `npm i @uswds/uswds`. There are 18 other projects in the npm registry using @uswds/uswds.

Over the course of the next several months and beyond, we will incrementally build new Web Component-based implementations of USWDS Core. As we ship new USWDS Web Components, our intent is that you'll be able to use them alongside existing USWDS code.

This repository contains the code for the U.S. Web Design System (USWDS) documentation website. If you're looking for the main USWDS components and codebase, head over to our USWDS repository . Running the Website Locally

Created in 2015, USWDS provides principles, guidance, and code to help federal agencies deliver great digital experiences by making it easier to build accessible, mobile-friendly government websites — which gives the public a more trusted, seamless way to …

About USWDS. Here you can find the latest news and information about the U.S. Web Design System. Read our latest release notes, learn about the Design System’s impact in the government, and learn how we conduct user research to …

Open source UI components and visual style guide for U.S. government websites. Latest version: 2.14.0, last published: 2 years ago. Start using uswds in your project by running `npm i uswds`. There are 19 other projects in the npm registry using uswds.

Get started with our code base one of two ways: downloading the code as a zip file, or installing with npm. Whether you’re creating simple wireframes or detailed visual design comps, we’ve got you covered with the design resources you need.