Discover the Future of GenerateBlocks | Class-Based Design Systems Unveiled

In this first-look video tutorial, I'm diving into the exciting alpha build of GenerateBlocks and GenerateBlocks Pro!

If you're a fan of class-based design systems similar to Bricks, you're in for a treat. GenerateBlocks is stepping up its game by integrating a class-based system that simplifies and streamlines the web design process, making it a crucial part of your tech stack for 2024.

**What You'll Learn:**
- An overview of the new class-based system in GenerateBlocks and how it compares to tools like Bricks.
- A step-by-step guide on using this alpha build to create a website, including handling quirks and exploring new features.
- How to apply global classes for consistent design across your site, with practical examples on hero sections, images, and headings.
- The power of responsive design with expanded breakpoint options for desktop, tablet, and mobile views.
- Introducing templates in GenerateBlocks Alpha: Accessing and utilizing the pattern library for rapid web design.

🛠 **Key Features Explored:**
- Naming and applying classes to various elements for global styling.
- Utilizing BEM naming for organized and efficient design.
- Editing global classes with options for main and hover states, plus targeting specific selectors for precise styling.
- Responsive design breakthroughs with detailed breakpoint control.
- A sneak peek into the templates available in both free and pro versions of GenerateBlocks, including FAQs, feature sections, hero sections, and more.

**Why This Matters:**
This video is more than just a tutorial; it's a glimpse into the future of web design with GenerateBlocks. Whether you're a seasoned designer or just starting out, understanding how to leverage class-based design systems can significantly impact your workflow, efficiency, and the overall quality of your websites.

**Links and Resources:**

**Your Thoughts?**
Is this class-based system a game-changer for GenerateBlocks users? Are you excited to integrate these new features into your web design projects?

Share your thoughts, experiences, and questions in the comments section below. Your feedback is invaluable as we explore the evolving landscape of web design together.

👤 **About the Host:**
Hi, I'm Paul C., your guide at WPTuts, where we explore the cutti

Take your WordPress website and skills to the next level!

► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.

► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.

► EXCLUSIVE WPTUTS DISCOUNTS ◄

► MY PREFERRED HOSTING PROVIDERS ◄

► WORDPRESS VISUAL PAGE BUILDERS ◄

► WORDPRESS THEMES ◄

► WORDPRESS TOOLS ◄

► WORDPRESS PLUGINS ◄

► SUBSCRIBE ◄

► LETS CONNECT: ◄

[ayomidefortunate]

No one explains Generateblocks better than you, the explanation is just flawless! Thanks 💯

[RominaJones]

I'm a Generate Blocks user. I love it and this is a great development to see. Can't wait till the full release.

[DaveFoy]

Blows my mind how page builders are just now coming round to the idea of classes as being a great idea for globally styling a website... 😂 Great to see this in GenerateBlocks. Nice work mate!

[theunwrittenwpexperience]

I'm happy to see that "global class managers" are finally starting to find their way into page builder 😊

[VijayKumarIM]

Since yesterday I am waiting for your video on this from post from your fb group... It's pretty quick :)

[febryanvaldo]

Oh my... Knowing this, I just remembered the lovely Cwicly builder.

[Arisch]

GeneratePress and GenerateBlocks are saving Gutenberg at this point.

[DavePerth]

Some feedback - maybe move or close the circle with your mug in :) its covering some of your actions!

[vaughanprint]

Nice. And I presume core framework and ACSS will work on that as well.

[david.robertson.photography]

Certainly makes GB more appealing for FSE builds. Have you tried using Core Framework with this version Paul? I'm an AutomaticCSS user with Bricks and although it should work in Gutenberg I have never found it particularly convenient to use in practise

[TheronGBurrough]

This looks quite exciting! Thanks for the great rundown.

[DavePerth]

Click in an inner block and the outer blocks will appear in the document overview! Not perfect I know, but it becomes a habit! (and in Preferences >> General make sure 'Always open List View' is turned on!) (noticed the inconsistency - in one place it is called Document Overview and in another List View :( )

[yrzjuxs]

Hi paul, which one would you recommend - kadence blocks or generate blocks

[alesiaboxing]

I'm really curious about something since I've been running a site with GenerateBlocks Pro for years. I have nearly everything in the design controlled by Global Styles, with those styles being reflected in Local Patterns. I can already make site-wide styling and layout changes within seconds. I'm very unclear how this class-based workflow adds any value to such a setup. Can you clarify?

[arjanv]

i'm completely lost on builders, generatepress, bricks, oxygen, it only me i can't choose because there's a voice in my mind that always thinks, did i make the right choice and do i miss important stuff which other might have.

[steffox]

Is it correct that you offer a detailed tutorial-series on the new version GB Pro 1.7?

[webdocdesign]

In greenshift it have been a long time available ;)

[arnauda.]

Seems a bit clunky but this is only rough draft 1 of the feature, so hopefully we'll see a bit of refinement from it.

[James_m]

So Bricks can do all this but that is have similar way of doing the Global Styles like this GenerateBlocks you just demostrated?

[tlfgywe]

I would like to express my deep gratitude for the knowledge and experience you share with us with such love and sincerity. I encountered a simple problem that I could not solve on my own, and I did not find any detailed explanation on YouTube that addresses it. I hope that you will receive my message that I sent via your channel's email and guide me on how to deal with it. Thank you again for your tremendous efforts and I wish you all the best.