Take your Gutenberg site to award-winning quality with Block Styles‘ fully responsive design-driven controls.
Block Styles for WordPress is your ultimate design solution to easily build beautiful websites with advanced design options, turning the block builder into a true page builder WYSIWYG experience.
Works with all your favorite blocks & plugins
Extend your favorite 3rd party and core blocks without adding more bloat to your library.
What’s Included
Block Styles is a full suite of design tools to help take your Gutenberg site to award-winning quality with fully responsive design-driven controls easily.
Block Styles
Fully responsive block-level design controls (170+) over the blocks you already use.
Styles Library
Create, Manage, and Import-Export your Block Patterns, and access our Pattern Library.
Gesso Theme
A minimalistic block-first full-site editing theme. Designed to stay out of the way.
Dynamic Content
Use custom data like post meta, custom database entries, and more inline within your content.
And More
Resources like blog posts, tutorials, a full support staff, and adding features frequently.
“As one of those “unicorns“ that enjoys the space between designing and development, Block Styles gives me the freedom and flexibility within the WordPress Block editor I need to bring creative ideas and solutions to life.”
– David Yarde
Block Styles suite of tools was built with performance in mind
On top of our amazing load speed without caching, see what else we can help with.
Maybe talk about Performance, SEO, Accessibility, and Best Practices amount other things.
Block Styles
Fully Responsive Block Level Design Controls! Over 160 editable options. If you can do it with CSS, you can do it with Block Styles.
Device & State-Specific Controls
Easily toggle between devices to customize blocks and take advantage of our hover & Pseudo control.
Layout & Visibility
Control the layout of WordPress blocks with advanced dimension & display settings. Visibility settings let you control who sees content based on User Role, device size, and/or login status.
Backgrounds
Customize the background of almost any Gutenberg block with any color, gradient, and/or image you wish with alpha transparency & color overlays.
Borders
Full border styling, border-radius controls, and box-shadow options controls. Lets you decide exactly how you want your borders to look.
Typography
Font customization, text alignment, height, and size are all interchangeable. Full Google font support and even the ability to embed your own font.
Effects
Create unique effects to bring your WordPress website to life with fun animation and transition effects to engage your visitors.
And More!
A membership includes our Dynamic Content plugin, Styles Library & Gesso Theme support, and more!
“This looks awesome. I like how they are using the new UI patterns but focusing on how most people build WordPress sites, with a page builder.”
– Josh Pollock
Dynamic Content
Dynamically use custom data like post meta, custom database entries, and more inline within your content, or populate block attributes in the WordPress block editor.
- Select custom data to display inline with your existing content
- Can also be used on any field where you see the Dynamic Content icon
- ACF support to easily find your custom ACF fields
- WooCommerce support to easily find product data when on a product
- Easily choose to load data from other posts or pages on your site
Gesso Theme
Gesso is a minimal block-first full-site editing theme ideal for those who just want a blank canvas and full creative control. Designed to leverage the block builder fully but can just as easily work with any other page builder.
- Block-First Theme
- Full Site Editing Support
- Minimal – Gets Out of the Way
- Full Creative Control
- Leverage Block Builder
Resources
Newsletter Signup
See what other WordPress Users
are saying about Block Styles
We really enjoy seeing how our users are creating with Block Styles. If you have something you are proud of and us to show it off, please send your showcase or testimonial via our contact page.
“Clean, Performant, Easy to use, and Fairly Optimized…
The Gutes Approves!”
The Gutes
“I really wanted Gutenberg to be great, So, we extended it with the function it needed to become a true page builder.”
James Tryon
“Showing the world the Block Editor does not need to suck.”
Roy Sivan
“My favorite aspect of Block Styles is it brings the page-builder experience to the default WordPress Block Editor.”
Justin Pine
Frequently Asked Questions
Please reach out if your questions are not answered.
Does Block Styles add any blocks?
Not at this time. We enhance the core blocks you already have. We do have plans for adding some useful blocks soon.
Does Block Styles work with the Full Site Editor?
Yes, Block Styles work with the Full Site Editor(FSE). Some block functions are limited.
Does Block Styles support responsive changes?
Yes! We support 3 breakpoints and will soon have support for custom media queries.
Can Block Styles be used with Elementor, Beaver Builder, or other Popular Page Builders?
Block Styles can work alongside your Page Builder of choice in the block editor but can not be used inside any other page builder at this besides the core Page Builder or Gutenberg.
Can you enable Block Styles for custom blocks?
You sure can! We have added hooks and filters and have the full process documented on our site.