Title: Blockwright Blocks
Author: markrussellwp
Published: August 7, 2026
Last modified: October 16, 2026
---
Search plugins
# Blockwright Blocks
By [markrussellwp](https://profiles.wordpress.org/markrussellwp/)
[Download](https://downloads.wordpress.org/plugin/blockwright-blocks.1.4.0.zip)
* [Details](https://kea.wordpress.org/plugins/blockwright-blocks/#description)
* [Reviews](https://kea.wordpress.org/plugins/blockwright-blocks/#reviews)
* [Installation](https://kea.wordpress.org/plugins/blockwright-blocks/#installation)
* [Development](https://kea.wordpress.org/plugins/blockwright-blocks/#developers)
[Support](https://wordpress.org/support/plugin/blockwright-blocks/)
## Description
Blockwright Blocks is a toolkit for people who build sites for clients. Its blocks
already know your theme. They take on its colors and follow its light and dark,
so a section you drop in looks like part of the design instead of something bolted
on, with nothing to set up. The centerpiece is a visual color designer that turns
any brand color into a full, accessible light-and-dark scheme in one click.
It builds the way WordPress finally can. Full-site editing has matured to where
a real client site no longer needs a page builder, and Blockwright Blocks fills
the gaps that used to send you to one. The difference goes deeper than looks. A
page builder saves your pages in its own format, so the day you switch it off, they
break. Blockwright Blocks works inside the standard editor and saves standard WordPress
markup, so your content stays ordinary WordPress content, not a proprietary format
you have to escape. Nothing loads from third parties, and the whole site is built
on the block editor WordPress is putting its future into, so it stays fast and current.
So a site you hand a client is genuinely theirs: no builder subscription to keep
alive, no proprietary format holding the content hostage, just clean, standard WordPress
they own.
**What you get**
_Design your colors_
* **A Design tool for the Blockwright theme (Appearance, then Design), starting
with a visual color designer.** Pick your brand color and generate a full, accessible
color scheme, previewed live in light and dark, then apply it to your site in
one click. Start from sixteen one-click presets or dial in your exact brand color;
every scheme meets WCAG AA contrast automatically, in both modes, and primary
buttons are tuned so a call to action stays crisp and legible. Your scheme stays
in place when the theme updates, and every change saves a restore point you can
roll back to. No JSON and no guesswork. Typography and spacing controls are coming
to the same screen.
_Blocks that fit your theme_
* **Four composition blocks.** Icon Box (an icon, heading, and text as one feature
callout), Icon List (a list where every item leads with an icon), Stat Counter(
a large number with a label, for metrics and results), and Timeline (a vertical
sequence for steps, process, or history). Each is token-driven, so it inherits
your theme’s colors and follows its light and dark.
* **Stamp block.** A rotated corner badge, like a rubber stamp, for pricing tables,
cards, and feature callouts. Choose the corner, rotation, border style, color,
and offset from the block toolbar and Inspector. It is fully transparent, so
the card behind it shows through.
_Content and polish_
* **Dynamic content placeholders.** Turn any paragraph, heading, image, or button
into a placeholder for post or site data, with no code. Pick a source from the“
Dynamic content” panel and it shows the post title, excerpt, date, author, or
featured image, or your site title, tagline, or URL. Put one in a template and
every post fills it with its own data. It gives WordPress’s Block Bindings API
a visible control and the everyday fields it was missing.
* **298 extra icons, in WordPress’s own icon picker.** A curated collection that
fills the gaps in the default set: contact and location, commerce, trust and
proof, charts, workflow, developer, content, and office icons. They appear as
their own tab in the Icon block’s library, search alongside the built-in icons,
and take their color from your theme. Requires WordPress 7.1 or later; on earlier
versions the plugin’s other features work as normal.
* **Light / Dark Toggle.** Color is adaptive by default, following each visitor’s
device on its own, so no toggle is needed. When you want to give people a choice,
drop this control in the header: one tap flips between light and dark, and the
choice lasts their visit, then returns to their system setting next time. It
steers the standard color-scheme setting, so it works with any theme whose colors
adapt, Blockwright included.
* **Dark mode Site Logo.** Add an optional second logo that is shown to visitors
whose device is in dark mode. Two ordinary image uploads, swapped automatically
with a native `` element. No SVG and no upload plugin required. Leave
it empty to use your main logo in both modes.
Nothing here locks you in. Dynamic content is written as standard WordPress block
markup, so if you deactivate the plugin your blocks simply show their own saved
content again. Your color scheme can be copied into your site’s own styles with
one click, so it stays without the plugin too.
Blockwright Blocks is designed to pair with the [Blockwright theme](https://wordpress.org/themes/blockwright/),
but the blocks degrade gracefully and work on other block themes too.
### Roadmap
Blockwright Blocks is actively developed. The visual color designer landed in 1.3.0;
planned additions to the free plugin include:
* Typography and spacing controls in the Design screen, alongside color.
* A digital design assistant: describe the feel you want and get an accessible
scheme, using your own provider key.
* More icons, and finer control over how they are used.
* A small library of section patterns.
Priorities may shift based on user feedback.
### Source Code
The plugin’s block JavaScript is compiled from human-readable source with @wordpress/
scripts. The uncompiled source, plus build instructions, is published at https://
github.com/markrusselldev/blockwright-blocks
### Credits
Icons are from Phosphor Icons (https://phosphoricons.com/), copyright (c) 2023 Phosphor
Icons, used under the MIT License. The full license text ships with the plugin in
assets/icons/LICENSE.
## Screenshots
[⌊The visual color designer (Appearance, then Design): pick a brand color or a one-
click preset, preview the scheme live in light and dark, and apply it to your site
in one click. Every shade meets WCAG AA contrast in both modes, and every change
saves a restore point.⌉⌊The visual color designer (Appearance, then Design): pick
a brand color or a one-click preset, preview the scheme live in light and dark,
and apply it to your site in one click. Every shade meets WCAG AA contrast in both
modes, and every change saves a restore point.⌉[
The visual color designer (Appearance, then Design): pick a brand color or a one-
click preset, preview the scheme live in light and dark, and apply it to your site
in one click. Every shade meets WCAG AA contrast in both modes, and every change
saves a restore point.
[⌊Adaptive by default. The same page in light mode, following the visitor's operating-
system setting. One design, no toggle, and none of the duplicate light and dark
markup other themes ask you to maintain.⌉⌊Adaptive by default. The same page in
light mode, following the visitor's operating-system setting. One design, no toggle,
and none of the duplicate light and dark markup other themes ask you to maintain
.⌉[
Adaptive by default. The same page in light mode, following the visitor’s operating-
system setting. One design, no toggle, and none of the duplicate light and dark
markup other themes ask you to maintain.
[⌊The identical content in dark mode. Every block adapts from a single set of tokens,
so both modes ship from one file.⌉⌊The identical content in dark mode. Every block
adapts from a single set of tokens, so both modes ship from one file.⌉[
The identical content in dark mode. Every block adapts from a single set of tokens,
so both modes ship from one file.
[⌊298 curated icons in their own tab inside WordPress's native icon picker, searchable
next to core's own set and colored by the theme.⌉⌊298 curated icons in their own
tab inside WordPress's native icon picker, searchable next to core's own set and
colored by the theme.⌉[
298 curated icons in their own tab inside WordPress’s native icon picker, searchable
next to core’s own set and colored by the theme.
## Blocks
This plugin provides 8 blocks.
* Stamp A rotated badge that sits over a container corner, like a rubber stamp.
The color follows the site color scheme by default; set the corner, rotation,
color, and text.
* Stat Counter A single headline number with a label – optionally counting up
when it scrolls into view. For results, KPIs, and trust stats.
* Timeline A vertical timeline of steps, milestones, or process stages – each
entry an icon marker, optional date, heading, and text. Add and reorder entries
like a normal list.
* Icon List A list where every row leads with an icon – ideal for checklists,
feature lists, and specs. Add, edit, and reorder rows exactly like a normal list.
* Light / Dark Toggle A visitor control that flips between light and dark. The
site is adaptive by default; a choice lasts the session, then returns to the
visitor's system setting. Place it in the header.
* Icon Box An icon, heading, text, and optional link combined into one feature
card – for feature grids, service highlights, and callouts.
* Icon List Item A single icon + text row inside an Icon List.
* Timeline Entry A single entry inside a Timeline: icon marker, optional date,
heading, and text.
## Installation
1. In your dashboard, go to Plugins, then Add New, then Upload Plugin.
2. Upload the Blockwright Blocks zip and click Install Now.
3. Click Activate.
4. The Stamp block is available in the block inserter under Design. The Dark mode
logo control appears in the Site Logo block Inspector in the Site Editor. The Dynamic
content panel appears in the block settings sidebar when you select a paragraph,
heading, image, or button.
## FAQ
### Do I need the Blockwright theme to use this plugin?
Only for the Design tool. The blocks carry their own fallbacks and work on other
modern block themes. The Design tool is built for the free Blockwright theme, so
on another theme the Design screen links you to install or activate it.
### How does the dark mode logo work?
Upload a second version of your logo in the Site Logo block Inspector, under “Dark
mode logo”. Visitors whose device is set to dark mode see that version; everyone
else sees your main logo. The swap uses a native HTML `` element with a`
prefers-color-scheme` media query, so there is no JavaScript and no layout shift.
### Where do I find the Stamp block?
Open the block inserter (the plus button) and look under the Design category, or
search for “Stamp”. Drop it inside a Group or Column and it anchors to that container’s
corner.
### What happens to my typed text when I connect a block to dynamic content?
It is kept. A connected block displays the dynamic value instead, and your original
text stays saved underneath as the fallback. Choose “Static (not connected)” and
it comes back.
### Why does a connected block show a different post in the template editor?
Templates are not tied to one post, so there is nothing to read from. The editor
previews with your latest post to show you the shape of real content, and says so
under the dropdown. On the front end each post fills the block with its own data.
### Will a theme update reset my colors?
No. The color designer keeps your scheme itself, not in the theme’s files, so updating
or reinstalling the theme leaves it alone. Colors the scheme does not set keep coming
from the theme, so theme fixes still reach them.
### What happens to my colors if I deactivate or delete the plugin?
Deactivated, the site shows the theme’s own colors until you reactivate. To keep
your scheme without the plugin, use “Copy to site styles” on the Design screen’s
Overview first (colors kept there no longer get theme fixes). Deleting the plugin
removes its saved scheme and restore points.
### Does this replace the custom fields option WordPress already has?
No. WordPress’s own Attributes panel connects blocks to registered post meta, and
that keeps working exactly as before. This plugin adds the everyday post and site
fields that panel does not offer, in a control you do not have to go hunting for.
## Reviews
There are no reviews for this plugin.
## Contributors & Developers
“Blockwright Blocks” is open source software. The following people have contributed
to this plugin.
Contributors
* [ markrussellwp ](https://profiles.wordpress.org/markrussellwp/)
[Translate “Blockwright Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/blockwright-blocks)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/blockwright-blocks/),
check out the [SVN repository](https://plugins.svn.wordpress.org/blockwright-blocks/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/blockwright-blocks/)
by [RSS](https://plugins.trac.wordpress.org/log/blockwright-blocks/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 1.4.0
Your colors now stay put when the theme updates.
* Color designer: your scheme
was saved inside the theme’s files, so a theme update put the default colors back.
The plugin now keeps it, and schemes you already applied move over automatically.
Colors the scheme does not set keep following the theme. * New: “Copy to site styles”
keeps your colors if you deactivate the plugin. * The Colorfulness and Chroma limit
controls reopen where you left them, and the designer works on hosts that block
theme file writes. * Deleting the plugin now removes the data it saved. * On a theme
other than Blockwright, the Design screen now says it is built for the Blockwright
theme and links to it.
Older releases are listed in changelog.txt.
## Meta
* Version **1.4.0**
* Last updated **11 hours ago**
* Active installations **Fewer than 10**
* WordPress version ** 7.0 or higher **
* Tested up to **7.1.3**
* PHP version ** 7.4 or higher **
* Language
* [English (US)](https://wordpress.org/plugins/blockwright-blocks/)
* Tags
* [block bindings](https://kea.wordpress.org/plugins/tags/block-bindings/)[blocks](https://kea.wordpress.org/plugins/tags/blocks/)
[dark mode](https://kea.wordpress.org/plugins/tags/dark-mode/)[dynamic content](https://kea.wordpress.org/plugins/tags/dynamic-content/)
[icons](https://kea.wordpress.org/plugins/tags/icons/)
* [Advanced View](https://kea.wordpress.org/plugins/blockwright-blocks/advanced/)
## Ratings
No reviews have been submitted yet.
[Your review](https://wordpress.org/support/plugin/blockwright-blocks/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/blockwright-blocks/reviews/)
## Contributors
* [ markrussellwp ](https://profiles.wordpress.org/markrussellwp/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/blockwright-blocks/)