Helmut Wandl

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)
—
<h4>Tutorial (create an address block for Gutenberg):</h4>
<iframe loading="lazy" title="Create a custom address block for Gutenberg" width="750" height="422" src="https://www.youtube.com/embed/myBzUr0q3UU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<a href="https://youtu.be/myBzUr0q3UU" rel="nofollow ugc">open tutorial on YouTube</a>
—
<h4>Live Preview</h4>
Test the latest version here: 
> > > <a href="https://livepreview.blockdesigner.net/" rel="nofollow ugc">open LIVE PREVIEW</a> < < <
—
<h4>Supported Elements</h4>
<ul>
<li>HTML Element</li>
<li>Icon</li>
<li>Static Text</li>
<li>Author Image</li>
<li>Author Link</li>
<li>Author RichText</li>
<li>Inner Blocks</li>
</ul>
<h4>Supported Styles</h4>
<ul>
<li>Display (block, flex, inline-block, inline, none)</li>
<li>Flex (direction, reverse, align, justify, gap, wrap)</li>
<li>Flex Child (shrink, grow, align self)</li>
<li>Spacing (margin, padding)</li>
<li>Size (width, height, min-width, min-height, max-width, max-height)</li>
<li>Overflow (visible, hidden, scroll, auto)</li>
<li>Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration)</li>
<li>Border (radius, style, width, color)</li>
<li>Background (color, linear-gradient, radial-gradient)</li>
<li>Effects (box-shadow)</li>
</ul>
<h4>How it works</h4>
<ol>
<li>
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.
</li>
<li>
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 😉
</li>
</ol>
<h4>More from the same author</h4>
Click here: <a href="https://www.wppeak.com/" rel="nofollow ugc">wppeak.com</a>

Block Designer – Create Custom Blocks for Gutenberg Editor

Create and design custom blocks for the WordPress Gutenberg Block Editor without any line of code.

aimsinfosoft

Journey Timeline Block is a modern, fully customizable block plugin for the WordPress Block Editor. It helps you build vertical timeline sections to highlight key events like business growth, product launches, or personal milestones — all with an intuitive, responsive, and animation-ready UI.
Whether you’re a business owner, freelancer, or agency, you can create professional-looking visual stories using two unique layouts: 
– Minimal Milestone Timeline: Clean, dotted path with alternating items 
– Modern Card Timeline: Stylish vertical cards on a solid path
Easily manage your timeline using a simple backend interface with controls for content, styles, responsiveness, and animations. No coding required.
<h3>Key Features</h3>
🧩 Flexible Content Fields 
– Section Heading 
– Milestone Title 
– Year Label 
– Description 
– Image or Icon
🎛️ Customizable Settings 
– Show/hide each field individually 
– Typography control for heading, title, year, description 
– Font size units: px, em, rem, vw 
– Custom width, margin, and padding per breakpoint 
– Media controls for image sizing 
– Add custom CSS classes per block
🖼️ Pre-Built Layouts 
– Minimal Milestone Timeline – Lightweight, alternating layout with dotted line 
– Modern Card Timeline – Bold, centralized layout with colored cards and shadows
📱 Responsive Design 
– Controls for desktop, tablet, and mobile 
– Per-device spacing and font sizes 
– Built with performance in mind
✨ Smooth Animations 
– Built-in <a href="https://motion.dev/" rel="nofollow ugc">Motion One</a> animation support 
– AOS (Animate on Scroll) integration for reveal effects
🧠 User-Friendly Editing 
– Organized tabbed interface (General, Style, Advanced) 
– Add or remove timeline items with ease 
– Default starter item auto-added on block insert
<h3>Credits</h3>
Plugin developed and maintained by <a href="https://profiles.wordpress.org/aimsinfosoft/" rel="nofollow ugc">Aims Infosoft</a> 
Website: <a href="https://aimsinfosoft.com" rel="nofollow ugc">https://aimsinfosoft.com</a>
Built using: 
– WordPress Block Editor 
– React 
– Motion One 
– AOS (Animate on Scroll Library)
<h3>License</h3>
This plugin is licensed under the <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GNU General Public License v2.0 or later</a>.

Journey Timeline Block

Showcase your company history, project phases, or brand milestones with beautiful, responsive timeline blocks built for the WordPress Block Editor.

Block Designer – Create Custom Blocks for Gutenberg Editor vs Journey Timeline Block