covertnine

samirillion

Ka Wong

malzdesigns

<p><a href="https://www.covertnine.com" rel="nofollow ugc">COVERT NINE</a>‘s C9 Blocks plugin provides 10 new Gutenberg blocks, plus an interface for creating pages from section templates, or fully-built page templates. Block landing page templates are usable for any purpose but are designed to give organizations a head start on creating landing pages with specific purposes for their audience.</p>
<p><iframe loading="lazy" title="C9 Work WordPress Theme Walkthrough of Block Templates, Mobile Editing, Gutenberg Editor Support" width="750" height="422" src="https://www.youtube.com/embed/zu3JyJr5eeM?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></p>
<p>The landing page templates are organized in a modal by the “content journey” step (Awareness, Consideration, Conversion). After installing the plugin, they can be accessed from the feather logo icon in the upper right corner.</p>
<p>Plugin can be installed from the WordPress admin via file upload or by cloning the Github repo. We recommend using a <a href="https://www.covertnine.com/c9-blocks-plugin" rel="nofollow ugc">C9 supported theme</a> with the C9 Blocks plugin, but it also works with the <a href="https://wordpress.org/themes/twentytwentyfour/" rel="ugc">Twenty Twenty Four</a>, <a href="https://2021.covertnine.com" rel="nofollow ugc">Twenty Twenty One</a>, Twenty Twenty and Twenty Nineteen WordPress themes. We recommend using the <a href="https://wordpress.org/themes/c9-starter" rel="ugc">C9 Starter</a>, <a href="https://wordpress.org/themes/c9-work" rel="ugc">C9 Work</a> theme, or <a href="https://wordpress.org/themes/c9-togo" rel="ugc">C9 Togo</a> theme to see C9 Blocks in action, or signup for the <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 early access list</a> to get all of our premium themes and plugins for free! We currently have four blocks-based themes and four child themes available for early access list subscribers and an exclusive <a href="https://c9.covertnine.com/c9-animation-plugin/" rel="nofollow ugc">C9 Blocks Animation Plugin</a> to animate any core WordPress blocks or C9 Blocks.</p>
<p>For an overview of each of the blocks, and more up to date documentation, head over to our <a href="https://c9.covertnine.com" rel="nofollow ugc">documentation site</a></p>
<p><strong>What’s it like editing content with C9?</strong></p>
<p><iframe loading="lazy" title="Redesigning The Official Twenty Twenty One WordPress Theme Using C9 Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/fKneUaQic08?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></p>
<p><iframe loading="lazy" title="Redesigning Twenty Twenty One WordPress Theme Using C9 Grid Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/jHqOO_MP8nE?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></p>
<h3>C9 Blocks Includes the Following Blocks</h3>
<ul>
<li>Heading Block</li>
<li>Social Share Block</li>
<li>Horizontal Tabs Block</li>
<li>Vertical Tabs Block</li>
<li>Posts Grid Block</li>
<li>Post and Page Grid Block</li>
<li>Call To Action Block</li>
<li>Carousel Block</li>
<li>Image Carousel Block</li>
<li>Toggles Block</li>
<li>Grid Block</li>
</ul>
<h3>Demo Videos</h3>
<p><strong>Creating marketing-focused landing pages with C9 Blocks + C9 Starter Theme</strong></p>
<p><iframe loading="lazy" title="Building a Marketing Focused Landing Page With WordPress Block Templates + C9 Starter Theme" width="750" height="422" src="https://www.youtube.com/embed/8qyP5abkoe4?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></p>
<p><strong>How to Create a mobile-friendly and animated Homepage for the Twenty Twenty One WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Redesigning The Official Twenty Twenty One WordPress Theme Using C9 Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/fKneUaQic08?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></p>
<p><strong>Designing a new page header using C9 Grid blocks and the Twenty Twenty One WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Redesigning Twenty Twenty One WordPress Theme Using C9 Grid Blocks + C9 Blocks Animation" width="750" height="422" src="https://www.youtube.com/embed/jHqOO_MP8nE?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></p>
<p><strong>How to Create a Homepage for the Twenty Twenty WordPress Theme</strong></p>
<p><iframe loading="lazy" title="Building A Responsive Homepage with the new WordPress Twenty Twenty Theme + Gutenberg Blocks" width="750" height="422" src="https://www.youtube.com/embed/urLN4C3YFaM?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></p>
<p><strong>Building A Netflix Inspired Landing Page with C9 Blocks</strong></p>
<p><iframe loading="lazy" title="Building A Netflix Inspired Landing Page with WordPress + Gutenberg Blocks" width="750" height="422" src="https://www.youtube.com/embed/ekwe_CaDlP0?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></p>
<p><strong>Overview & Documentation</strong></p>
<p>Get an overview of each of the blocks and the latest documentation by heading over to our <a href="https://c9.covertnine.com" rel="nofollow ugc">documentation site</a>.</p>
<h3>C9 Starter WordPress Theme</h3>
<p>The <a href="https://wordpress.org/themes/c9-starter" rel="ugc">C9 Starter Theme</a> is a responsive and minimal, CSS Grid-based, Bootstrap 4 theme that utilizes most of Bootstrap’s components and works seamlessly with C9 Blocks and the Gutenberg block editor. It’s based on <a href="https://understrap.com/" rel="nofollow ugc">Understrap</a>, but with an innovative approach to using Gutenberg’s editing system.</p>
<p>If you’re an agency working on behalf of a client and want to build your own style guide and/or themes on top of the <a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Starter Theme</a>, included is a client boilerplate folder and full child theme support. Join the <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 early access list</a> with a simple email signup to get four example themes along with all of our other WordPress tools emailed to you with tips on how to build your own block-based WordPress websites.</p>
<h3>C9 Blocks Animation with Greensock (GSAP)</h3>
<p>C9 Blocks has an addon called C9 Animation that comes with our <a href="https://www.covertnine.com/forms/c9-beta" rel="nofollow ugc">C9 Early access list</a> when you sign up. Unlock the power of buttery-smooth animations that run cross-browser and cross-device, all from within the visual block editor.</p>
<p><a href="https://c9.covertnine.com/c9-animation-plugin/" rel="nofollow ugc">C9 Blocks Animation Plugin</a></p>
<h3>Blocks-powered WordPress Themes</h3>
<ul>
<li><a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Starter</a></li>
<li><a href="https://work.covertnine.com" rel="nofollow ugc">C9 Work</a></li>
<li><a href="https://togo.covertnine.com" rel="nofollow ugc">C9 Togo</a></li>
<li><a href="https://music.covertnine.com" rel="nofollow ugc">C9 Music</a></li>
<li><a href="https://2021.covertnine.com" rel="nofollow ugc">Twenty Twenty One</a></li>
<li><a href="https://2024.covertnine.com" rel="nofollow ugc">Twenty Twenty Four</a></li>
</ul>
<h3>Follow Along</h3>
<ul>
<li><a href="https://github.com/covertnine" rel="nofollow ugc">COVERT NINE GitHub</a></li>
<li><a href="https://www.covertnine.com" rel="nofollow ugc">COVERT NINE Website</a></li>
</ul>
<h3>Online Documentation</h3>
<ul>
<li><a href="https://c9.covertnine.com" rel="nofollow ugc">C9 Homepage</a></li>
<li><a href="https://c9.covertnine.com/documentation/" rel="nofollow ugc">C9 Blocks Documentation</a></li>
<li><a href="https://c9.covertnine.com/c9-theme/" rel="nofollow ugc">C9 Starter Theme Documentation</a></li>
<li><a href="https://c9.covertnine.com/c9-admin-plugin/" rel="nofollow ugc">C9 Admin Dashboard Documentation</a></li>
</ul>
<h3>Support</h3>
<p>Get premium paid support: <a href="https://www.covertnine.com/get-support" rel="nofollow ugc">Here</a></p>
<p>The Blocks Development Guide lives <a href="https://c9.covertnine.com/c9-blocks-development/" rel="nofollow ugc">Here</a></p>
<p>Additional tutorials, C9 Themes, and WordPress content from COVERT NINE <a href="https://www.covertnine.com" rel="nofollow ugc">Here</a></p>
<h3>Licenses</h3>
<p>Resource Licenses:<br />
C9 Images, Icons, + Logos: https://www.covertnine.com/c9-blocks-plugin | GNU GPL v3</p>


C9 Blocks

10 new Gutenberg blocks with section templates and page templates. With C9 Blocks + Themes, the digital agency is built right into the code.

Extend Themes

<p>Using the power of AI, Kubio gives you a head start by generating a first draft of your website, which you can further customize to your liking.</p>
<h3>BUILD AWESOME WORDPRESS SITES FASTER WITH THE HELP OF AI</h3>
<p><iframe loading="lazy" title="Kubio AI Demo" src="https://player.vimeo.com/video/901485891?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe></p>
<p>Experience the potential of Kubio AI, where your creative visions are seamlessly translated into captivating web pages.<br />
With its intelligent block-based builder, cutting-edge AI technology empowers you to effortlessly shape layouts, customize styles, and infuse life into every pixel.</p>
<ul>
<li><strong>Generate entire pages based on short prompts</strong></li>
<li><strong>Generate images and text</strong></li>
<li><strong>Re-generate any section in your style</strong></li>
</ul>
<h3>CREATE RICH WEBSITES WITH THE KUBIO BLOCKS</h3>
<p>Kubio is an innovative block-based WordPress website builder that enriches the block editor with new blocks and gives its users endless styling options. With the help of advanced editing capabilities, Kubio users can build websites fast, with ease, and no code.</p>
<p>Each block was designed with regard to ease of use, simplicity, and UX-friendliness. Web design with Kubio is intuitive so that Kubio users can experience a hassle-free experience.</p>
<p>The winning Kubio formula allows you to create the website you envision by adding blocks and pre-designed sections to ready-made starter sites or a blank canvas. Blocks and sections are fully customizable and mobile responsive.</p>
<p>The Kubio blocks are structured as seen below:</p>
<h4>Basic blocks</h4>
<ul>
<li><strong>Image</strong> – Add images that you can customize any way you see fit to your web pages. Beautify your images using frames, borders, and shadows.</li>
<li><strong>Link Group</strong> – Add multiple stylish links to your content. Adjust them while in a normal or hovered state.</li>
<li><strong>Paragraph</strong> – Add text that can be stylized your way: from font family, font weight, and size, to color, borders, and shadows.</li>
<li><strong>Video</strong> – Add self-hosted, Youtube, or Vimeo videos. Adjust their background, spacing, aspect ratios, and shadows.</li>
<li><strong>Spacer</strong> – You can use the spacer block instead of margins and paddings when you want to add space between various content sections.</li>
<li><strong>Columns</strong> – Add columns to the website canvas, then add blocks to them. Make adjustments to each column’s spacing, typography, background, and more.</li>
<li><strong>Buttons</strong> – Create enticing calls to action. Fine-tune them until you get the right typography, colors, and spacing.</li>
<li><strong>Heading</strong> – Create headings that stand out using highlighted words. Customize their typography, color, shadow, borders, and background.</li>
<li><strong>Icon</strong> – Make use of icons to better reinforce your website messaging. 100+ free icons are available from the most popular libraries out there.</li>
<li><strong>Divider</strong> – Use dividers to separate website sections in a creative way. Customize their color, line thickness, and more.</li>
</ul>
<h4>Advanced blocks</h4>
<ul>
<li><strong>Image Gallery</strong> – Create appealing image galleries and customize their number of columns, image size, click behavior, and more.</li>
<li><strong>Shortcode</strong> – Use shortcodes to insert various forms, galleries, tables, and more, depending on the plugins you use.</li>
<li><strong>Posts List</strong> – Add your most recent or popular blog posts to any web page.</li>
<li><strong>Social Icons</strong> – Make your social media profiles stand out across your website. From Instagram to Snapchat and Youtube, you can add any icon you need and style it to match your brand.</li>
<li><strong>Contact form</strong> – Add a contact form to any page and customize its header, fields, and call to action with ease.</li>
<li><strong>Icon list</strong> – Create stylish lists of items and their icons. Customize their spacing, borders, shadows, color, and typography.</li>
<li><strong>Dropdown Menu</strong> – Add your main web pages and products to a stylish dropdown menu with this Gutenberg block.</li>
<li><strong>Accordion Menu</strong> – Add your main web pages to a stylish accordion menu that will help your visitors find the content they need.</li>
</ul>
<h4>Site-related blocks</h4>
<ul>
<li><strong>Copyright</strong> – Add a stylish copyright notice to your website whenever it becomes available to the public.</li>
<li><strong>Search</strong> – Make it easy for your website visitors to find content on your site and navigate seamlessly.</li>
<li><strong>Logo</strong> – Make sure your visual identity is clear to your website visitors by adding your logo in a visible place.</li>
<li><strong>Page title</strong> – The site title block allows you to name your site. You can use your brand, business name, or your own name.</li>
<li><strong>Home Button</strong> – Improve your website navigation by making it easy for your users to go back to your homepage. Place the home button on all of your pages.</li>
</ul>
<h4>Blog blocks</h4>
<ul>
<li><strong>Widget area</strong> – The widget area block allows you to add blog widgets anywhere you want on a page or post.</li>
<li><strong>Pagination</strong> – Use buttons only or buttons with numbers pagination to help your website visitors navigate your blog.</li>
<li><strong>Pagination Nav Button</strong> – Adjust your blog pagination with nice buttons that will help your visitors navigate through the blog.</li>
<li><strong>Pagination numbers</strong> – Use numbers for your blog pagination to help your blog visitors discover the content they need easily.</li>
<li><strong>Blog layout</strong> – Use this blog to easily set the layout of your blog pages.</li>
<li><strong>Post title</strong> – Create beautiful post titles. Customize their typography, color, shadow, borders, and background.</li>
<li><strong>Post summary</strong> – Display a short and catchy summary of your blog article to serve as a preview in your blog listing.</li>
<li><strong>Post featured image</strong> – Add a relevant and catchy image to every blog article. Adjust its size, borders, shadow, and more.</li>
<li><strong>Post tags</strong> – Add relevant tags to every blog article. This way you will group them under the same index.</li>
<li><strong>Post categories</strong> – Use blog post categories in order to group articles under certain topics.</li>
<li><strong>Post metadata</strong> – Add details to your blog articles such as author, publishing date, and comments, to help them rank faster in organic results.</li>
<li><strong>Post comments</strong> – Customize your comments section, from typography and color to authors and replies.</li>
<li><strong>Post comment form</strong> – If you allow blog comments, you’ll need to do this via a comment form. Customize your comments form fields, labels, buttons, links, backgrounds, and more.</li>
<li><strong>Read more button</strong> – Add a catchy “Read more” call to action to your blog articles on the blog listing page.</li>
<li><strong>Author avatar</strong> – Display the post or page author avatar image.</li>
<li><strong>Author name</strong> – Display the post or page author name.</li>
<li><strong>Author bio</strong> – Display the post or page author biography.</li>
</ul>
<h3>Kubio template parts blocks</h3>
<p>Because Kubio allows full-site editing, you can create various headers, footers, and sidebars, and edit them inside any page or as templates.</p>
<h3>KEY KUBIO FEATURES</h3>
<ul>
<li><strong>Full-site editing.</strong> When using the Kubio builder – Elevate WordPress theme combo, you can unleash the full potential of full-site editing.</li>
<li><strong>Custom headers and footers</strong> – With Kubio you can create custom headers and footers that are fully customizable inside the Kubio Editor.</li>
<li><strong>Blocks drag and drop.</strong> You can drag and drop blocks wherever you see fit.</li>
<li><strong>10 free fully customizable starter sites and more in PRO.</strong> Pick a ready-made design and insert your own visuals and text, and you’re ready to roll.</li>
<li><strong>Designer-made sections.</strong> Choose from a variety of website sections to design all that you need: from portfolio to team and features sections.</li>
<li>Blocks and sections are <strong>responsive out-of-the-box</strong>.</li>
<li><strong>Advanced block editing.</strong> From font family to background colors, spacing, and borders, anything can be customized with Kubio.</li>
<li><strong>Color, background, borders, shadows controls</strong> – you can style literally anything.</li>
<li><strong>Font size: em, rem, px.</strong> Scale font sizes using em and rem options so that you can be consistent across your whole site.</li>
<li><strong>Redo Undo.</strong> Need to go back and fix an error? No worries. With Redo and Undo you can go back and forth.</li>
<li><strong>Control over global colors.</strong> There are multiple global color schemes available to choose from, that can help you be consistent across all pages.</li>
<li><strong>Control over global typography.</strong> From the size and font family to shadows, alignment, and more, you have full control over your website typography.</li>
<li><strong>Navigate between pages and posts</strong> without exiting to the WordPress dashboard.</li>
<li><strong>Compatibility with other WordPress themes</strong> – Kubio works with any WordPress theme. It enhances the core WordPress editor and helps you transition to full site editing (FSE).</li>
</ul>
<h3>KUBIO PRO FEATURES INCLUDE</h3>
<ul>
<li><strong>170+ predesigned sections</strong></li>
<li><strong>25+ front header designs</strong></li>
<li><strong>Per page header customization</strong></li>
<li><strong>Per page footer customization</strong></li>
<li><strong>Sticky navigation</strong></li>
<li><strong>Copy-paste styles across blocks and sections</strong></li>
<li><strong>Import Adobe TypeKit fonts</strong></li>
<li><strong>Video and slideshow backgrounds</strong></li>
<li><strong>Background overlay</strong></li>
<li><strong>Parallax effect</strong></li>
<li><strong>Image effects</strong></li>
<li><strong>9 icons libraries</strong></li>
</ul>
<h3>Blocks available with the PRO version</h3>
<ul>
<li><strong>Map</strong> – Embed Google Maps, insert your desired address, and adjust zoom, height, and hover behavior.</li>
<li><strong>Tabs</strong> – Make use of tabs to improve navigation and user experience. Style your tabs in the normal, hover, and active state.</li>
<li><strong>Accordion</strong> – Display creative collapsible texts in a dropdown manner. Stylize them according to your vision.</li>
<li><strong>Breadcrumb</strong> – Use this block to improve website navigation and to give users an overview of where they are on your site.</li>
<li><strong>Image Collage</strong> – Create visually appealing image collages using frames, overlays, shadows, borders, and other styling options.</li>
<li><strong>Flip box</strong> – Add flip effects to various elements on your website. Make edits to effect duration and direction.</li>
<li><strong>Counter</strong> – Show off various stats on your website using an animated Counter block for Gutenberg.</li>
<li><strong>Slider</strong> – Showcase testimonials, images, projects, and more, using sliders. Customize their transitions, arrows or dots, and everything in between.</li>
<li><strong>Carousel</strong> – Display images, videos, testimonials, products, and their features in beautifully displayed carousels.</li>
<li><strong>Pricing table</strong> – The pricing table block allows you to show prices in a visually appealing way. Whether you are selling a SaaS product, event tickets, or just want to display pricing tiers, this block is what you need. Besides the actual prices, you can provide other useful product details, such as features, benefits, and more.</li>
<li><strong>Pricing</strong> – Showcase the pricing of your products and services, and make your offers stand out in a stylish matter.</li>
<li><strong>Subscribe form</strong> – Insert beautiful and engaging contact forms via shortcode.</li>
</ul>
<h3>Documentation</h3>
<p>You’ll find a growing online documentation for Kubio builder <a href="https://kubiobuilder.com/documentation/how-kubio-works/" rel="nofollow ugc">here</a>. You can kick-off with Kubio while reading:</p>
<ul>
<li><a href="https://kubiobuilder.com/documentation/the-kubio-interface/" rel="nofollow ugc">The Kubio interface</a></li>
<li><a href="https://kubiobuilder.com/documentation/kubio-webpage-structure/" rel="nofollow ugc">The structure of a webpage in Kubio: sections, columns, and blocks</a></li>
<li><a href="https://kubiobuilder.com/documentation/how-to-work-with-blocks/" rel="nofollow ugc">How to work with blocks</a></li>
<li><a href="https://www.youtube.com/channel/UCUd2jHMaUL1wHWqRpBDBgPQ" rel="nofollow ugc">Youtube</a></li>
</ul>
<h3>Source files</h3>
<p><a href="https://github.com/extendthemes/kubio" rel="nofollow ugc">github</a></p>


Kubio AI Page Builder

The editor is very nice and has very good features included!
I like it because is intuitive and easy to use

Good editor

Indeed, this is another "block-based builder". It is fully compatible with the FSE theme!

Impressive Blocks!

Using the power of AI, Kubio gives you a head start by generating a first draft of your website, which you can further customize to your liking.

C9 Blocks vs Kubio AI Page Builder