Block Designer – Create Custom Blocks for Gutenberg Editor
Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code. ✔ fastest way to create your block for Gutenberg ✔ Incredibly easy and intuitive to use ✔ Your custom blocks are completely WYSIWYG (no form) — Tutorial (create an address block for Gutenberg): open tutorial on YouTube — Live Preview Test the latest version here: > > > open LIVE PREVIEW < < < — Supported Elements HTML Element Icon Static Text Author Image Author Link Author RichText Inner Blocks Supported Styles Display (block, flex, inline-block, inline, none) Flex (direction, reverse, align, justify, gap, wrap) Flex Child (shrink, grow, align self) Spacing (margin, padding) Size (width, height, min-width, min-height, max-width, max-height) Overflow (visible, hidden, scroll, auto) Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration) Border (radius, style, width, color) Background (color, linear-gradient, radial-gradient) Effects (box-shadow) How it works Design your block First you design your block in the Block Designer with different HTML elements and styles. You can define areas where authors can insert images and text in the WordPress Block Editor. After you designed your block, you only need to enable and save it. Use your block If you enabled and saved your block, you will find your block in the Inserter panel of the WordPress Block Editor. Just insert it as you know it from ordinary blocks. If you have defined areas for author input, you can add your content now. Save your page/post and enjoy your result on your site 😉 More from the same author Click here: wppeak.com
Top keywords
- block13×5.26%
- author5×2.02%
- blocks4×1.62%
- block editor3×1.21%
- color3×1.21%
- design3×1.21%
- editor3×1.21%
- flex3×1.21%
- gutenberg3×1.21%
- wordpress3×1.21%
- align2×0.81%
- areas2×0.81%
Blocksify – Gutenberg Blocks & Page Builder for the Block Editor
Blocksify is a performance-first Gutenberg block library by PressMaximum. Build responsive layouts, dynamic content, forms, and WooCommerce templates while loading only the assets each page needs. Features 32 block types in 1.1.0 — 20 top-level blocks plus 12 supporting child and field types, grouped below. Layout and content — Section, Container, Content Loop, Gallery, Accordion, Tabs, Icon List, Marquee, and essential content blocks; structural child blocks are included in the total. Form set — Form plus nine field types for inputs, choices, consent, reCAPTCHA, and submission, with validation, spam protection, email actions, styled messages, and redirects. WooCommerce set — seven dedicated product blocks for price, rating, meta, stock, add-to-cart, additional information, and reviews when WooCommerce is active, plus Product Gallery and Product Tabs integrations and product-loop presets. Reusable design workflow — Style Classes, Hover Mode, condition-aware template previews, Dynamic Data, and a live Design Library with one-click media import. 10-trait styling system — color, background, spacing, border and shadow, size, overflow, position, z-index, visibility, and typography, with consistent controls and built-in presets where appropriate. Global design tokens — custom color and gradient palettes, built-in spacing and font-size scales, and a shadow library, emitted as reusable CSS variables at :root. Responsive controls — desktop, tablet, mobile, and hover layers with predictable cascading. Lean frontend — per-block asset loading, one pooled per-page stylesheet, vanilla CSS, no jQuery, and no frontend JavaScript for layout blocks. Update-friendly rendering — runtime-rendered block markup can evolve without WordPress block-validation errors in saved posts. Status Current stable release: 1.1.0. Feedback is welcome at https://pressmaximum.com/blocksify.
Top keywords
- blocks5×1.97%
- content4×1.57%
- block3×1.18%
- design3×1.18%
- library3×1.18%
