NHS Blocks – WordPress plugin Free download

NHS Blocks


NHS styled blocks for WordPress using the Gutenberg editor, based on the excellent work from the NHSUK Frontend Library. These blocks mean your WordPress site can offer the latest care cards, site promos and info panels to your users, and that all of this content will be styled to match the NHS branding guidelines.

This plugin is designed principally for use by NHS organisations, but can be used by anybody.

Development / Contributing

Contributions to development of this work are welcome at our GitHub repository.


This plugin adds a new type of block to your WordPress – titled NHS Frontend – with 10 new blocks based on the NHS Digital Frontend Library
Dashboard Layout – a graphical nav panel for users to jump to sections of your site
Do / Dont lists – Simple lists in a display card with ticks and crosses to denote actions they should or should not take. Can also be used for status updates, projects etc
Buttons – Restyling of buttons to match NHS Digital layouts
Reveal Elements – Either simple arrow based expandable sections, or icon based with plus/minus icons
Panels – Text blocks with title sections to separate your content out cleanly
Promo Blocks – Clean blocks which are completely linked to inner content / external sources with title, text and optional images
Testimonial / Quote – Simple display device for highlighting user feedback, personal quotes or other text you would like to highlight
Grouped blocks – pre-defined layouts for displaying your content in more eye catching ways
Hero – a full screen width block, with optional single colour or image background and optional block of text to anchor the page and set clear purpose


This plugin provides 10 blocks.












This section describes how to install the plugin and get it working.

This plugin requires that the Gutenberg plugin (running as a plugin) is already installed and active on your site to get the latest developments and techniques available.
Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress
Navigate to edit or create any page or post.
When you go to add a new block to your content, you will see a new section titled “NHS Frontend”. In here are all of the new blocks this plugin provides. Experiment – almost all of the blocks have style variations available.


Is this plugin restricted to only NHS Organisations

This plugin has been built specifically for use in the NHS, but it is open source code and you are free to use it on any site.

Leave a Reply

Your email address will not be published. Required fields are marked *