Title: Blockwright Blocks
Author: markrussellwp
Published: Agustus 7, 2026
Last modified: Séptémber 18, 2026
---
Search plugins
# Blockwright Blocks
By [markrussellwp](https://profiles.wordpress.org/markrussellwp/)
[Download](https://downloads.wordpress.org/plugin/blockwright-blocks.1.3.0.zip)
* [Details](https://su.wordpress.org/plugins/blockwright-blocks/#description)
* [Reviews](https://su.wordpress.org/plugins/blockwright-blocks/#reviews)
* [Installation](https://su.wordpress.org/plugins/blockwright-blocks/#installation)
* [Development](https://su.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 visual color designer (Appearance, then Design).** Pick your brand color
and generate a full, accessible color scheme, previewed live in light and dark,
then apply it to your theme 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. 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.
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 theme
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 theme 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 theme
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.
* 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 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.
* 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 Box An icon, heading, text, and optional link combined into one feature
card – for feature grids, service highlights, and callouts.
* Stat Counter A single headline number with a label – optionally counting up
when it scrolls into view. For results, KPIs, and trust stats.
* 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?
No. Blockwright Blocks is built to pair with the Blockwright theme, but the blocks
carry their own fallbacks and work on other modern block themes.
### 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.
### 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.3.0
New: a visual color designer in your dashboard.
* Design tool (Appearance, then
Design): pick a brand color and generate a full, accessible, adaptive color scheme,
previewed live in light and dark, then apply it to your theme 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 light and dark. * Primary buttons
are tuned for real perceived contrast, so a call to action stays crisp and legible
in every scheme, not just technically passing. * Every change saves a restore point
you can roll back to; Restore and Delete now confirm before they act. * Typography,
spacing, and a digital design assistant are coming to the same screen.
#### 1.2.0
Icon Box layout and alignment controls.
* Icon Box: new Icon position control to
place the icon above (default), to the left, or to the right of the heading and
text. * Icon Box: new Icon size control, from extra small to extra large, scaling
fluidly with the viewport. * Icon Box: in the left and right layouts the icon is
optically centered on the heading’s cap height, so it lines up with the letters
instead of sitting too high; an opt-in Top / Center / Bottom alignment handles a
larger icon beside body text. * Icon Box: the icon keeps its chosen side on right-
to-left sites. * Icon Box: newly inserted blocks now default to a centered layout.
#### 1.1.0
Adds four new blocks, a curated icon collection, and dynamic content.
* New block:
Icon Box. An icon, heading, text, and an optional link, with an icon that follows
the visitor’s light or dark color scheme. * New block: Icon List. A list where each
row leads with an icon; reorder rows like an ordinary list, and the row text and
its icon scale together. * New block: Stat Counter. A headline number with an optional
prefix, suffix, and count-up animation, plus a label. * New block: Timeline. A vertical
sequence of dated entries, each with an icon, heading, and text. * New block: Light/
Dark Toggle. Lets a visitor switch the color scheme for their visit; the choice
lasts the session and returns to their system setting next time. * Dynamic content:
connect a paragraph, heading, image, or button to post data (title, excerpt, date,
author, featured image) or site data (title, tagline, URL) with no code, from a
visible panel. Connected blocks preview with real content in the template editor.*
Icon collection: 298 Phosphor icons register into the WordPress 7.1 icon library
as their own tab in the Icon block picker, with a searchable grid and a per-icon
custom SVG field. On earlier WordPress versions the blocks still work and simply
omit the icon. * Stamp block: its default color now follows the color scheme, re-
hueing with the active color variation.
#### 1.0.0
* Initial public release: Stamp block and an optional dark mode Site Logo.
## Meta
* Version **1.3.0**
* Last updated **3 dinten ago**
* Active installations **Fewer than 10**
* WordPress version ** 7.0 or higher **
* Tested up to **7.1.1**
* PHP version ** 7.4 or higher **
* Language
* [English (US)](https://wordpress.org/plugins/blockwright-blocks/)
* Tags
* [block bindings](https://su.wordpress.org/plugins/tags/block-bindings/)[blocks](https://su.wordpress.org/plugins/tags/blocks/)
[dark mode](https://su.wordpress.org/plugins/tags/dark-mode/)[dynamic content](https://su.wordpress.org/plugins/tags/dynamic-content/)
[icons](https://su.wordpress.org/plugins/tags/icons/)
* [Advanced View](https://su.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/)