This service is in development and intended to be production-ready and available for use by the digital community in Autumn 2025.

MHCLG Svelte Component Library

Bring your service or page to life with dynamic content, layout, UI, charts, maps and data visualisations. The well tested and trusted GDS components are coded here in Svelte for data rich digital products.

Get started
MHCLG Svelte Component Library

This service is in the ALPHA stage. The content is in GOV.UK style because it is designed for creating GOV.UK applications.

The use of the GDS Transport typeface and government logos should be limited to GOV.UK web pages. See: Making your service look like GOV.UK.

What's new

June 2025: We made the MHCLG Svelte Component Library public, so other developers can see what we're working on. This library provides Svelte 5 implementations of GOV.UK Design System components, as well as other custom components, specifically tailored for data-rich digital products and services within the Ministry of Housing, Communities and Local Government and beyond.

Read the release notes for v0.1.18 to see what's changed.

January 2025: Development began on the component library infrastructure, establishing the foundation for reusable Svelte components that maintain GOV.UK Design System compliance while supporting advanced data visualisation needs.

Components

Save time with reusable, accessible Svelte components for forms, navigation, panels, tables, charts and data visualisations.

Browse our components

Patterns

Help users complete common tasks like entering data, filling in forms, and creating interactive dashboards with proven design patterns.

Browse our patterns

Community

Join our growing community of developers and designers working on government services. Help improve the library through discussions, events and collaborative design sessions.

Join our community


Support

The MHCLG Svelte Component Library is maintained by the Digital, Data and Information team at MHCLG. If you've got a question, idea or suggestion, you can get in touch.