Senff - a11n

correliebre

<h4>Summary</h4>
<p>Bordered Blocks adds (customizable) borders and labels to all Blocks in the Post/Page editor, to give you an instant overview of the layout of your page and how all Blocks relate to eachother.</p>
<p>Choose between the default CLEAN view, or a CLEAR view.</p>
<h4>Features</h4>
<ul>
<li>Adds borders and labels to your Blocks in the WordPress editor.</li>
<li>Border styles and labels are customizable; change the color, size, type you prefer.</li>
<li>Quickly switch between default clean view (showing the blocks without borders) and custom clear view (blocks with borders).</li>
</ul>


Bordered Blocks – Add subtle borders or outlines and labels to Blocks in the Editor

WE NEED THIS IN CORE

Bordered Blocks adds subtle borders to all blocks in the WordPress Post/Page editor to give you a much better overview of the layout of your page.

mentholinc

<p>Neurogenesis Styler adds the design controls the Block Editor is missing – without replacing your blocks, adding bloat, or locking you into a proprietary system. Install it, style your blocks visually, and keep your existing content exactly as it is.</p>
<p>Every control is visual. No CSS knowledge required.</p>
<h3>Responsive Styles – Desktop, Tablet, and Mobile</h3>
<p>Set different values for every styling property at each breakpoint. Typography, spacing, sizing, visibility, and text alignment all respond independently per device. Controls also support theme.json variables – pick from your theme’s declared color, spacing, and typography values directly inside the panel, keeping your design system consistent.</p>
<h3>Typography</h3>
<p>Font family, weight, size, line height, letter spacing, and text shadow – all responsive. Font sizes support fluid scaling using CSS clamp(), so your typography transitions smoothly across screen sizes without jumping between fixed values.</p>
<h3>Backgrounds</h3>
<p>Colors, gradients, and images – with Background Clip control for creative text and element effects. Multi-layer backgrounds coming in the next version.</p>
<h3>Borders</h3>
<p>Width, style, and color – set globally or per side independently. Border radius with full corner control.</p>
<h3>Spacing</h3>
<p>Margin and padding per side, per breakpoint. Supports theme.json spacing scale values for consistency with your theme.</p>
<h3>Block Sizing</h3>
<p>Width, height, minimum and maximum dimensions – all responsive. Keep elements at the right size on every screen without writing a single media query.</p>
<h3>Visual Effects</h3>
<p>Box shadow, text shadow, opacity, z-index, and transitions – all with visual controls. Hover states available for colors, backgrounds, borders, and shadows, letting you build micro-interactions directly in the editor.</p>
<h3>Transforms and Positioning</h3>
<p>Rotate, scale, skew, and translate with visual sliders. CSS positioning – relative, absolute, and sticky – with offset controls. No need to touch Additional CSS.</p>
<h3>Custom Element Selectors</h3>
<p>Style specific elements inside a block – not just the block wrapper itself. Define a CSS path to target repeating sub-elements like images inside a gallery, text inside columns, or links inside a card. Useful anywhere the block’s own controls don’t reach.</p>
<h3>Full Site Editing</h3>
<p>Works inside the Site Editor. Style template parts, global patterns, and page templates with the same controls available in the post editor.</p>
<h3>No New Blocks. No Lock-in.</h3>
<p>Neurogenesis Styler extends the native blocks you already use. It does not register new blocks or replace core ones. Deactivate the plugin and your content remains intact – your blocks render normally without any leftover markup or broken layouts.</p>
<h3>Source Code</h3>
<p>This plugin uses JavaScript and SCSS, which are compiled into the production-ready files in the /assets/dist/ directory.</p>
<p>The original, human-readable source code is included in the /assets/js directory.<br />
The build configuration for this plugin is included in <code>package.json.txt</code>. Rename it to package.json before <code>npm install</code>. Developers can review, modify, or extend the code from there.</p>
<h3>Build Instructions</h3>
<ol>
<li>Make sure you have Node.js and npm installed.</li>
<li>
<p>From the plugin root, install dependencies:</p>
<p>npm install</p>
</li>
<li>
<p>To build the production assets:</p>
<p>npm run build</p>
</li>
<li>
<p>For development with automatic rebuilds on file changes:</p>
<p>npm run start</p>
</li>
</ol>


Neurogenesis Styler – Complete Design Controls for the Block Editor

Complete design controls for every block - responsive styles, hover effects, shadows, transforms, and more. No CSS. No new blocks. No lock-in.

Bordered Blocks – Add subtle borders or outlines and labels to Blocks in the Editor vs Neurogenesis Styler – Complete Design Controls for the Block Editor