UI Suite USWDS

A site-builder friendly USWDS theme for Drupal, using the UI Suite. Use USWDS parts (components, helpers, utilities and layouts) directly from Drupal backend interface (layout builder, manage display, views, blocks, etc.) in a low-code way, utilizing Single Directory Components.

This theme is built with UI Suite

UI Suite Initiative provides a cohesive set of modules to implement full design systems while preserving and improving the Drupal site building experience.

56 SDC components with UI Patterns

Each component is a folder in templates/pattern/.

You can browse the pattern libraries directly inside Drupal: /patterns; for example, the 'card' pattern is available here: /patterns/card.

Thanks to the ui_patterns ecosystem, patterns are automatically available
directly for site building in many Drupal entities, as
layout plugins, views row plugins, field formatter plugins, views styles plugins

70 helpers & utilities with UI Styles

Each style can be viewed in ui_suite_uswds.ui_styles.yml

You can browse the styles libraries directly inside Drupal: /styles

The styles are automatically available for site building inside layout builder's blocks & layouts, as views plugins, and from ckeditor.

1 icon pack (uswds) and a total of 243 icons with UI Icons

See https://designsystem.digital.gov/components/icon/ for full list.

1 example page with UI Examples

To showcase what it is possible to build with this theme:

Recommended extension modules

• USWDS Ckeditor Integration
• UI Suite USWDS Paragraphs
• To a less degree because we have Layout Options USWDS BLB Configuration

Branches

3.0.x is built using USWDS V3 but patterns 1.x
4.0.x is built using USWDS V3 but patterns 2.x
4.1.x is built using USWDS V3, patterns 2.x, and new code in 11.3

For USWDS versions support see USWDS branch table