Boostrap UI Kit (Color section)
Boostrap UI Kit (Icons section)
Boostrap UI Kit: Accordions

This project is not covered by Drupal’s security advisory policy.

The UI Kit gives your team a single, reliable place to see exactly how every element on your site looks and behaves — all available at /ui-kit.

What's included in version 1

  • Minimal setup — works with your existing theme straight out of the box.
  • Control the look of the UI Kit itself using CSS variables.
  • Manage glossary sections directly through the UI — add, remove, or reorder without touching code.
  • Custom sections are picked up automatically.
  • Link directly to any section and copy the URL to share with your team.
  • Automatic colour contrast checking built in.
  • Full support for Bootstrap Icons and SVG sprites.

What's new in version 2

  • Browse and preview components through a simple, story-based system.
  • Works across single projects and monorepos — components are discovered automatically.
  • Consistent component previews with support for multiple variants and overrides.
  • Icon search on the iconography page.
  • Lightweight and easy to tailor to your project.

Single Directory Components (SDC) support

Version 2 optionally integrates with SDC Display, allowing site builders to assign components to fields, field groups, or view modes directly through the backend UI — no template editing required. The quickest way to get started is by using the Bootstrap Components module (a lightweight port of the ui_suite_bootstrap SDC components).

Supporting organizations: 
Development and maintenance

Project information

Releases