What is CivicTheme?

CivicTheme is a government-grade design system with a theme and component library to provide a consistent, high-quality digital experience out-of-the-box.

The CivicTheme design system is a framework for Drupal 10 sites to build website pages using components like menus, hero banners, navigation cards, body text, tables and accordions. 

CivicTheme.io - Learn more about CivicTheme(Opens in a new tab/window)

See how CivicTheme works with Storybook

CivicTheme is based on a modular, ‘atomic design’ system.  Each of the components and elements can be viewed individually in Storybook — a user interface (UI) tool that allows individual web page components to be viewed in isolation.

CivicTheme storybook - Visit the CivicTheme storybook (Opens in a new tab/window)

CivicTheme supporting documentation 

Find out more about how to use CivicTheme in the supporting documentation.

CivicTheme documentation - Visit the documentation(Opens in a new tab/window)