Custom CSS/JS editor
Besides a wide range of UI settings for customizing your content, this feature provides endless styling possibilities. You can attach custom CSS to blocks where they are used or register custom CSS for blocks and variations. You can also enqueue external JS/CSS for your CBB blocks and write custom JS/CSS directly in the block settings. With the Import/Export tool, it’s easy to share your custom blocks and variations between projects with just a few clicks.
Pro feature #1
Use the custom CSS settings to customize block styles
You can easily add custom CSS to any CBB blocks using the inspector controls setting. It supports live preview in the Editor, and output as dynamic styles, separate from the block’s markup.
Enqueue external JS/CSS and custom JS/CSS for a block
This feature turns CBB into something like a CodePen for Gutenberg blocks. You can add inner blocks as HTML, load JS and CSS libraries from a CDN, style the inner blocks, and add custom JavaScript for interactivity. With AI tools now available, creating custom blocks with complex layouts and styles is easier than ever. You don’t need to set up React or write any PHP, just generate the code with AI, tweak it, and paste it into the CBB block settings.
Enqueue custom CSS for a variation
Creating block variations should be simple and only require CSS skills. CBB lets you create variations for any block right inside the Editor. Just add your custom CSS in the variation settings, CBB takes care of the PHP and JavaScript registration behind the scenes.
Carousel advanced features
CBB Pro allows you to customize almost everything with carousel layouts. You can use advanced effects for your carousels, and the Reveal animations feature to add custom entrance animations for each inner block. You can set different parameters such as slides per view and space between slides for mobile, tablet, and desktop. You can also customize the style for pagination, navigation, and scrollbar. Additionally, you can sync two carousels, making one the navigation for the other. Explore the playground to quickly test some advanced features.
Pro feature #2
Premium background effects
CBB Pro offers a straightforward yet highly customizable way to add parallax, infinite scrolling, and zooming effects to your images. Explore the playground to experiment with these features.
Pro feature #3
Toggle content advanced features
CBB Pro allows you to set a delay time before the modal or off-canvas appears on page load. It also enables you to set a stored time so that the modal or off-canvas will not appear again during that period after you close it the first time. You can also combine this with the Reveal animations feature to create custom entrance animations for both blocks and inner blocks.
Pro feature #4
Reveal animation effects
This feature adds animated effects to CBB blocks when they scroll into view. You can add multiple effects in sequence. It can also be used in carousel layouts to build entrance animations for inner blocks, and in off-canvas and modal layouts to create custom entrance animations.
Pro feature #5
Sticky content advanced features
CBB Pro allows you to detect the stuck state of sticky blocks, enabling you to create different layouts and styles when the blocks are stuck or in normal flow. It also adds a feature that makes blocks sticky only when scrolling up; they return to normal flow when scrolling down.
Pro feature #6
Trusted by Advanced WordPress Builders
Very powerful and useful, especially for complex projects
This plugin really helps close some key gaps between Gutenberg and Full Site Editing. For advanced users who are making the switch to FSE, it really is a must-have. We’ve used it significantly cut down on the time and resources it takes to build custom blocks.
Max
President & Creative Director
Yoko Co