pixelgrade

vlad.olaru

George Olaru

Razvan Onofrei

Madalin Gorbanescu

<p>Nova Blocks is a collection of <strong>distinctive Gutenberg blocks,</strong> committed to making your site shine like a newborn star. It is taking a design-driven approach to help you made the right decisions and showcase your content in the best shape.</p>
<h4>Positioning</h4>
<p><em>Clear and obvious, exciting and not afraid to take risks, distinctive, forward thinking.</em></p>
<ol>
<li>Obvious, not <em>confusing</em></li>
<li>Exciting, not <em>dull</em></li>
<li>Distinctive, not <em>common</em></li>
</ol>
<h4>Principles</h4>
<ol>
<li>Decisions not options</li>
<li>Purpose-driven</li>
<li>Distinctive</li>
<li>Cross-themes oriented</li>
</ol>
<h4>Tested with the following WordPress themes:</h4>
<ul>
<li><a href="https://pixelgrade.com/themes/blogging/julia-lt/" rel="nofollow ugc">Julia LT</a> <em>by Pixelgrade</em></li>
<li><a href="https://pixelgrade.com/themes/restaurants/rosa-lt/" rel="nofollow ugc">Rosa LT</a> <em>by Pixelgrade</em></li>
<li><a href="https://pixelgrade.com/themes/blogging/felt-lt/" rel="nofollow ugc">Felt LT</a> <em>by Pixelgrade</em></li>
<li><a href="https://wordpress.org/themes/twentynineteen/" rel="ugc">Twenty Nineteen</a> <em>by WordPress team</em></li>
<li><a href="https://wordpress.org/themes/storefront/" rel="ugc">Storefront</a> <em>by Automattic</em></li>
<li><a href="https://pixelgrade.com/themes/restaurants/osteria/" rel="nofollow ugc">Osteria</a> <em>by Pixelgrade</em></li>
</ul>
<p><strong>Made with love by <a href="https://pixelgrade.com/" rel="nofollow ugc">Pixelgrade</a></strong></p>
<h3>Contributing</h3>
<p>The proposed value of <strong>Open Source</strong> is that by freely sharing the code with the community, others can use, improve and contribute back to it.</p>
<p>It’s great if you’re willing to use your skills, knowledge, and experience to help further refine this project with your own improvements. We really appreciate it and you’re 💯 welcome to submit an issue or pull request on any topic.</p>
<h3>How can you help?</h3>
<ul>
<li><strong>Discovered an issue?</strong> Please report it <a href="https://github.com/pixelgrade/nova-blocks/issues/new" title="here" rel="nofollow ugc">here</a>.</li>
<li><strong>Fixed a bug?</strong> Send a <a href="https://github.com/pixelgrade/nova-blocks/pulls" title="pull request" rel="nofollow ugc">pull request</a>.</li>
<li><strong>Need a feature?</strong> Propose it <a href="https://github.com/pixelgrade/nova-blocks/issues/new" title="here" rel="nofollow ugc">here</a>.</li>
<li><strong>Have you made something great?</strong> <a href="https://github.com/pixelgrade/nova-blocks/issues/new" title="Share" rel="nofollow ugc">Share</a> it with us.</li>
</ul>
<h3>Translations</h3>
<p>You can translate Nova Blocks on <a href="https://translate.wordpress.org/projects/wp-plugins/nova-blocks" rel="nofollow ugc"><strong>translate.wordpress.org</strong></a>.</p>
<h3>Credits</h3>
<p>Unless otherwise specified, all the plugins files, scripts and images are licensed under GNU General Public License v2 or later.</p>
<p>The Nova Blocks plugin bundles the following third-party resources:</p>
<ul>
<li><a href="http://pixelgrade.github.io/rellax/" rel="nofollow ugc">jQuery Bully plugin</a> Copyright (c) 2016 Pixelgrade – License: MIT</li>
<li><a href="http://kenwheeler.github.io" rel="nofollow ugc">jQuery Slick plugin</a> Copyright (c) 2017 Ken Wheeler – License: MIT</li>
<li><a href="http://velocityjs.org/" rel="nofollow ugc">jQuery Velocity plugin</a> Copyright (c) 2014-2017 Julian Shapiro – License: MIT</li>
<li><a href="https://github.com/js-cookie/js-cookie" rel="nofollow ugc">JS Cookie</a> Copyright (c) 2018 Klaus Hartl, Fagner Brack, GitHub Contributors – License: MIT</li>
</ul>


Nova Blocks by Pixelgrade

A collection of distinctive Gutenberg blocks, committed to making your site shine like a newborn star.

Abder Dara

<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/rfb_7LIxEok?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><a href="http://advancedblockcontrols.com/?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=free_landing_page" rel="nofollow ugc">Visit our website</a></p>
<p><strong>Love using Core Blocks but wish they had more power to design modern websites?</strong></p>
<p><strong>Or are your custom and third-party blocks missing the design flexibility you want?</strong></p>
<p>Advanced Block Controls (ABC) is an innovative Gutenberg plugin designed to address these challenges seamlessly. By introducing advanced design controls to core blocks, ABC enhances their page-building capabilities, transforming core blocks alone into a professional page builder.</p>
<p>Additionally, ABC extends these powerful controls to third-party and custom blocks, making it a versatile page builder solution for all your design needs.</p>
<h3>ABC Key Features</h3>
<p>👉 <strong>Design Responsively:</strong> Customize your layouts for up to 7 breakpoints.<br />
👉 <strong>State Customization:</strong> Tailor your blocks for different states, like hover.<br />
👉 <strong>Enhanced Typography:</strong> Access over 100 ready-to-use Google Fonts.<br />
👉 <strong>3D Shadows:</strong> Add depth and dimension to your design.<br />
👉 <strong>Device Visibility:</strong> Control block visibility across devices effortlessly.<br />
👉 <strong>Advanced Sizing & Position</strong>: Fine-tune width, height, and placement.<br />
👉 <strong>Advanced Layouts</strong>: Create complex designs with Flexbox and Grid.<br />
👉 <strong>Custom CSS Values</strong>: Use variables and functions like calc() freely.<br />
👉 Theme Presets Support: Use your theme’s preset values for colors, spacing, and sizing.</p>
<p>✨ <strong>Controls Manager</strong><br />
    – A powerful interface that allows you to enable or disable controls globally or on a per-block basis, ensuring a streamlined workflow and friendly UI.<br />
    – Customize individual blocks by enabling or disabling specific controls as needed.<br />
    – Reorder controls to customize the interface according to your preferences.</p>
<p>⚡️ <strong>Speed & Performance</strong><br />
ABC ensures your site remains fast and efficient as a lightweight page builder by loading only the styles you have added and avoiding unnecessary scripts or CSS code. It is also fully compatible with any other tools or plugins you use, ensuring seamless integration into your existing workflow.</p>
<p>🎯 <strong>Custom Targeting</strong><br />
Customize controls to target specific elements within the block, particularly useful for third-party and custom blocks.</p>
<p><a href="http://advancedblockcontrols.com/?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=free_landing_page" rel="nofollow ugc">Learn More</a></p>
<h3>ABC Controls Work with Both Core and Custom Blocks 😮</h3>
<p>Advanced Block Controls (ABC) work seamlessly with both core and custom blocks, offering a versatile design solution for any WordPress site. <strong>Whether you develop your own custom blocks or use blocks provided by third-party plugins, ABC work with both!</strong> By default, styles are applied to the block container, but with our custom targeting feature, you can apply effects to any element within the block. This flexibility makes the controls exceptionally powerful and adaptable to a wide range of design needs.</p>
<h3>No Code Tool</h3>
<p>ABC empowers users to create stunning designs without any coding knowledge. Our intuitive controls are designed to be user-friendly, allowing you to customize your website effortlessly. For those seeking even more advanced customization options, our Pro version includes a Custom CSS Control, offering the flexibility to implement complex styles and enhancements. This ensures that both beginners and advanced users can achieve their design goals with ease.</p>
<h3>Clear and Intuitive UI</h3>
<p>Gutenberg users often struggle with the complexity of its UI, finding the options hidden and not very beginner-friendly. ABC addresses these issues head-on by offering controls that are clear, accessible, and easy to use. Simplicity is one of our core values, and we ensure that every option is straightforward, making it easier for users of all skill levels to create their dream designs effortlessly.</p>
<h3>Comprehensive Documentation and Exceptional Support</h3>
<p>On our website, you’ll find comprehensive documentation detailing the features of ABC, complete with multiple examples and use cases. Additionally, we offer free support to ensure you get the most out of our plugin.</p>
<p><a href="https://advancedblockcontrols.com/documentation/?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=free_landing_page" rel="nofollow ugc">Read Documentation</a></p>
<h3>Translation Ready</h3>
<p>ABC is fully translation-ready, ensuring that users worldwide can benefit from its powerful features in their native language. This allows for a seamless and accessible design experience, regardless of your location or language preference.</p>
<h3>If you are a block developer, ABC will speed up your workflow 🧑‍💻🚀</h3>
<p>Customizing the blocks you build is crucial for enhancing user experience and meeting client needs. <strong>ABC allows you to focus on developing the core features of your blocks while it handles the customization options.</strong> When you install and activate ABC, all controls are enabled for all the blocks, allowing you to tailor them to fit your specific requirements using the controls manager. This integration ensures that you can provide advanced design options for your blocks without additional development overhead.</p>
<h3>Unleash The Power Of CSS with The PRO Version 👑</h3>
<p>Unlock the full potential of ABC with the PRO version, which includes a suite of advanced features designed to enhance your Gutenberg experience even further. Here are some of the key features you’ll get with ABC PRO:</p>
<ul>
<li><strong>Manage and Use CSS Variables</strong><br />
Import, organize, and manage your CSS variables efficiently with a powerful interface and Use them seamlessly across all control fields.</li>
<li><strong>Export & Import Settings</strong><br />
Easily transfer your Controls Manager setup between sites for a faster, consistent workflow.</li>
<li><strong>Custom CSS Pro Control</strong><br />
Write custom CSS for your blocks with ease. For the first time in WordPress, enjoy the power of CSS nesting, enabling you to write cleaner, more efficient, and highly organized styles.</li>
<li><strong>CSS Transform and Transition Control</strong><br />
Add special effects and hover animations to your blocks, making your designs more dynamic and engaging.</li>
<li><strong>Repeated Controls</strong><br />
Add up to 25 controls to customize and style nested elements within your blocks, offering unparalleled flexibility.</li>
<li><strong>Individual Control Settings</strong><br />
Customize control titles and targets for each control individually, allowing for detailed and specific design adjustments.</li>
</ul>
<p><a href="http://advancedblockcontrols.com/pro/?utm_source=wordpress_org&utm_medium=plugin_page&utm_campaign=free_landing_page" rel="nofollow ugc">Learn More</a></p>


Advanced Block Controls (ABC) — Core Blocks Page Builder and Full Site Editing Toolkit


Thank you for this! I just tried the plugin. The controls for toggling the different design elements are fantastic. Some will eventually be added to Core, but some custom blocks still need them.


Great Plugin!

Enhancing core Gutenberg blocks with advanced page builder controls, eliminating the need for third-party blocks to build professional websites.

Nova Blocks by Pixelgrade vs Advanced Block Controls (ABC) — Core Blocks Page Builder and Full Site Editing Toolkit