wickedplugins

<p>Create your own custom blocks with Wicked Block Builder!  There’s no setup required and you can build blocks in as little as a few minutes.</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/xZ18r-w7C9k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Features</h3>
<h4>Native Blocks</h4>
<p>Blocks created with Wicked Block Builder are truly native blocks that don’t use server-side rendering.</p>
<h4>Build Custom Blocks</h4>
<p>Build blocks using your own semantic markup.  Simply drag-and-drop HTML elements and components to build your block in minutes.</p>
<h4>Make Your Block Editable</h4>
<p>Add interactive components such as rich text and images so you can edit your block’s content directly in the editor.</p>
<h4>Customize Your Block’s Sidebar</h4>
<p>Add text boxes, checkboxes, radio buttons, color palettes, and more to your block’s sidebar.  Add panels or HTML elements to organize the sidebar.</p>
<h4>Dynamic Blocks</h4>
<p>Optionally make your blocks dynamic and use PHP to output your block.  Easily access your block’s data via an argument containing your block’s attributes.</p>
<h4>Flexible Front-end View</h4>
<p>Save time and skip the step of creating a similar (but slightly different) view for the front-end of your block (i.e. the “save” function if you’re a developer).</p>
<h4>Style Editor</h4>
<p>Add your block’s styles in a convenient CSS editor.</p>
<h4>Block Patterns</h4>
<p>Create block patterns with no code and easily update them as needed.</p>
<h3>🚀 Get More With Wicked Block Builder Pro</h3>
<p>Take your blocks to the next level with these additional features in Wicked Block Builder Pro.  <a href="https://wickedplugins.com/plugins/wicked-block-builder/?utm_source=readme&utm_campaign=wicked_block_builder&utm_content=pro_learn_more_link" rel="nofollow ugc">Learn more about Wicked Block Builder Pro</a>.</p>
<h4>Repeater</h4>
<p>Add repeaters to your block.  Add, sort, and delete any number of items in your block.  Nest repeaters for even greater functionality.</p>
<h4>Conditional Logic</h4>
<p>Use conditions to do incredible things with your block.  Conditionally add classes, inline styles, and HTML attributes.  Even change the output of your block based on conditional logic.</p>
<h4>PostSelect</h4>
<p>Add a PostSelect component to your block to let people select one or more posts and sort them.</p>
<h4>TermSelect</h4>
<p>Add a TermSelect component to your block to let people choose one or more terms.  Choose from different display types like checkboxes, radios, or dropdown.</p>
<h4>InnerBlocks</h4>
<p>Add an InnerBlocks component to nest blocks within your block.</p>
<h4>Export Blocks to Plugin</h4>
<p>Export your blocks to a stand-alone plugin.  Install the plugin on any WordPress site to use your blocks without needing to have Wicked Block Builder installed.</p>
<p><a href="https://wickedplugins.com/plugins/wicked-block-builder/?utm_source=readme&utm_campaign=wicked_block_builder&utm_content=pro_get_link" rel="nofollow ugc">Get Wicked Block Builder Pro</a>.</p>
<h3>Who is Wicked Block Builder for?</h3>
<p>Wicked Block Builder is for anyone who wants to create blocks that can be used in the WordPress editor.  This includes non-technical people (there’s no programming required) but also developers.</p>
<p>Non-technical people will appreciate the intuitive drag-and-drop interface.  For developers, complete control over the block’s output, conditional logic (pro version only), automatic deprecations, dynamic blocks, and more make it a powerful must-have time-saving development tool.</p>


Wicked Block Builder

Exactly what I wanted in a custom block builder plugin. Incredibly simple UI and easy-to-use tutorials on YouTube helped me get started real quick. As a developer and Block Editor fanatic, I believe that this is a gamechanger.

Breakthrough!


In 15 minutes, I have all the settings and rendering of a Dynamic Block that I had previously struggled over 10 hours to custom code from scratch. Absolutely worthwhile!


Makes building custom blocks real easy


This is just an awesome plugin if you want to create blocks.



I'm a plugin author seeking to migrate the widgets in my plugin to blocks.



I spent nearly a week buried in the WordPress block developer handbook and zero progress.



One hour with this plugin and I'd emulated my first widget.



I bought the pro version and exported the block to a plugin, and cut that back into my existing plugin - 5 minutes work



Now my plugin has a fully block compliant widget



The support is amazing also - rapid response to my queries



5 more widgets to do, but no problem, WBB will handle what I want to do


Awesome Plugin

Create your own custom blocks and patterns in as little as a few minutes!

POSIMYTH

Sagar Patel

Devang Vachheta

<p><a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">WDesignKit</a> is the ultimate designer tool for WordPress, empowering designers to create stunning websites in minutes. It’s the fastest way to build a WordPress website, making it a must-have tool for every WordPress designer or agency owner.</p>
<p><strong> <a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc"> VISIT WDESIGNKIT WEBSITE</a></strong></p>
<h3><strong> Quick Navigation Links</strong></h3>
<p><a href="https://wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc"> Visit Website</a> | <a href="https://www.youtube.com/c/POSIMYTHInnovations/?sub_confirmation=1" rel="nofollow ugc">Video Tutorials</a>| <a href="https://learn.wdesignkit.com/docs/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Documentations</a> | <a href="https://roadmap.wdesignkit.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Roadmap</a> | <a href="https://www.facebook.com/groups/884892449594153" rel="nofollow ugc">Join Facebook Community</a> | <a href="https://wordpress.org/support/plugin/wdesignkit" rel="ugc">Free Support</a> | <a href="https://store.posimyth.com/helpdesk/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Premium Support</a> | <a href="https://wdesignkit.com/chat/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">AI Chat (Instant Answers)</a></p>
<h3>Complete WDesignKit Features Explained Under 4 Mins <a href="https://www.youtube.com/watch?v=Bw5IHPxr0Nc" rel="nofollow ugc"> Watch Now</a></h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Bw5IHPxr0Nc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4RhZwuyFd8k?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=101&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>What is WDesignKit ?</h3>
<ul>
<li><strong><a href="https://wdesignkit.com/templates?builder_req=1001&utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">1600+ Elementor Page Templates, Kit & Sections</a></strong></li>
<li><strong><a href="https://wdesignkit.com/templates?builder_req=1002&utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">1500+ Gutenberg Templates & Patterns</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widgets?builder=1&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">80+ Elementor Widgets Library</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widgets?builder=2&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">30+ Gutenberg Blocks Library</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widgets?builder=3&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">30+ Bricks Elements Libary</a></strong></li>
<li><strong><a href="https://wdesignkit.com/widget-builder/elementor-widget-builder?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Elementor Widget Builder</a></strong> (Custom Code to Elementor Widget)</li>
<li><strong><a href="https://wdesignkit.com/widget-builder/gutenberg-blocks-builder?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Gutenberg Blocks Builder</a></strong>(Custom Code to Gutenberg Blocks)</li>
<li><strong><a href="https://wdesignkit.com/widget-builder/bricks-elements-builder?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Bricks Elements Builder</a></strong>  (Custom Code to Bricks Elements)</li>
<li><strong><a href="https://wdesignkit.com/widgets/page-builder-widgets-converter?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks#wkit-one-click-convert" rel="nofollow ugc">1- Click Widget Convertor</a></strong> — Easily Convert Elementor Widgets to Gutenberg Blocks or Bricks Elements & Vice Versa </li>
<li><strong><a href="https://wdesignkit.com/cloud-workspace?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">Cloud Workspace</a></strong> — Collaborate with your Team & Store Page Templates, Figma Designs or Custom Widgets on Cloud </li>
<li><strong><a href="https://wdesignkit.com/figma-kits?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">60+ Figma Designed Websites</a></strong></li>
</ul>
<h3>🔍 OUR PRODUCTS</h3>
<p><strong><a href="https://theplusaddons.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">🥇 The Plus Addons for Elementor</a></strong> –  120+ Elementor Widgets to create Elementor Widgets Easily.</p>
<p><strong><a href="https://nexterwp.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">🥇 NexterWP Theme, Blocks & Extensions</a></strong> – Best Starter Theme for WordPress with 22+ WordPress Extension & 90+ Gutenberg Blocks.</p>
<p><strong><a href="https://uichemy.com/?utm_source=wordpress&utm_medium=readmepage&utm_campaign=widgetslinks" rel="nofollow ugc">🥇 UiChemy – Figma to Elementor & Bricks Convertor</a></strong> – Convert your Figma Templates In Live Elementor Website using our <a href="https://www.figma.com/community/plugin/1265873702834050352/" rel="nofollow ugc">FREE Figma Plugin.</a></p>
<h3>External services</h3>
<ol>
<li>wdesignkit.com API : This API is used to fetch plugin-related data for onboarding and updates. It sends the plugin version and identifier during activation, updates, or specific plugin-related requests. For more details, you can review the <a href="https://wdesignkit.com/privacy-policy" rel="nofollow ugc">Privacy Policy</a> and <a href="https://wdesignkit.com/terms" rel="nofollow ugc">Terms of Service</a>.</li>
<li>api.wordpress.org : This API retrieves plugin metadata and compatibility information from WordPress.org. It sends the plugin identifier during updates or when checking compatibility. More information can be found in the <a href="https://wordpress.org/about/privacy/" rel="ugc">Privacy Policy</a> and <a href="https://wordpress.org/tos/" rel="ugc">Terms of Service</a>.</li>
<li>api.posimyth.com : The plugin connects to this API for two purposes: collecting optional feedback during deactivation and storing anonymized data during onboarding. For deactivation feedback, anonymized data is sent voluntarily by users, while onboarding interactions transmit minimal anonymized statistics. These APIs are only accessed during feedback submission or onboarding. You can find more details in the <a href="https://api.posimyth.com/privacy-policy/" rel="nofollow ugc">Privacy Policy</a> and <a href="https://api.posimyth.com/terms-and-conditions/" rel="nofollow ugc">Terms of Service</a>.</li>
</ol>


WDesignKit – Elementor & Gutenberg Starter Templates, Patterns, Cloud Workspace & Widget Builder


I have tried this plugin and love it , it has many innovative features such as you can create custom widgets and also customise pre build widgets too. They have options to build widgets for different editor such as Elementor, Bricks and Gutenburg I have tried one widget for elemetor and it’s work like a charm. Wish luck to team for more future updates.


Best widget builder

3000+ Elementor Templates, Gutenberg Templates, Widgets Builder for Elementor, Gutenberg & Bricks, Cloud Workspace & Figma Files, 160+ Widgets Library

Wicked Block Builder vs WDesignKit – Elementor & Gutenberg Starter Templates, Patterns, Cloud Workspace & Widget Builder