Content Blocks Builder – Create blocks, repeater blocks with carousel, grid, popup layouts
Content Blocks Builder (CBB) helps you create custom blocks, variations, styles, and patterns — directly in the Block Editor without touching a code editor. The WordPress Block Editor (Gutenberg) is a solid foundation for building websites. But when you need more specific layouts or custom functionality not available in default blocks, you’re often forced to write custom code or rely on bloated third-party plugins. CBB solves this by letting you visually group core or third-party blocks into flexible container blocks — right inside the native Block Editor. These container blocks support native features like typography, spacing, colors, borders, plus advanced features from CBB that help you build layouts like responsive grid, slider/carousel, toggle/accordion, modal/off-canvas/popover, background effects all without writing a single line of code. You can also build repeater blocks to display repeatable content — similar to ACF repeater field type, but entirely block-based and visual. 👉 Read the detailed guide to CBB blocks. The ultimate goal of CBB is to help you build complex layouts — all with core blocks, all visually, and fully compatible with any Gutenberg-ready theme. No React. No PHP. No lock-in. No clutter. No bloat. Developer-friendly. Key technical features Manage custom blocks: Create, edit, copy, import, and delete custom blocks. Create repeater blocks that work similarly to ACF repeater fields. Supports carousel, grid, accordion and vertical stack layouts. [CBB Pro] Extenral CSS/JS and Custom CSS/JS: You can enqueue external CSS or JavaScript files and write your own custom code directly for your blocks. This feature makes CBB feel a bit like CodePen.io—but for Gutenberg blocks. You can create anything you can imagine on the frontend. Advanced block support features: Modal, off-canvas, popover, toggle content, sticky, responsive dimensions, spacing, custom attributes, reveal animations, etc. Manage block variations & block styles: Create, edit, copy, import, and delete block variations. It works on any block. CBB Pro enables you to input custom CSS for variations. Manage block patterns: Create, edit, copy, import, and delete custom block patterns. Enhance the Query Loop block: Add grid, carousel layouts, and advanced filter and sorting settings. Works with any post types. Import/export custom blocks, variations, and patterns from/to other sites Pre-built library: A library of pre-built blocks, variations, styles, and patterns. This library is not bundled with CBB; only items you import appear on your site. CBB are built with vanilla JS and CSS. It only depends on SwiperJs for the carousel functionality, — and even then, the script and styles are loaded only if the carousel layout is used. Practical features you can build with CBB Carousel layouts: Ideal for creating banner slider, posts carousel, gallery, carousel of features or other repeating content, etc. CBB provides one of the best way to create a carousel layout in Gutenberg. Built on top of the popular SwiperJs carousel script, it supports extensive customization. CBB Pro enables you to create entrance effects, advanced slide effects with effect builder, and further customization like slides per breakpoint, pagination, navigation, and synced carousels. Responsive grid layouts: Perfect for creating equal column grid, mosaic grid, bento grid, posts grid, grid of features or other repeating content, etc. CBB provides the easiest but most flexible and robost grid layout based on CSS Grid layout. You can customize template columns, grid gaps, size, and location for each grid item. Accordion layouts: Good for creating FAQ page, navigations, long features or specications. Blog page design, magazine layout, post grid, post carousel; Work with any post types. Modal, off-canvas, popover, toggle content: Great for creating popups, notification bars, toggle menu, toggle search box, hamburger menu, popover, show/hide content, etc. CBB Pro allows you to add a custom entrance animation effect, control when popups appear with delay options, trigger them on scroll to elements or exit intent, and remember when a popup has been closed. Sticky content: Great for fixed/sticky header, footer, floating elements, sticky sidebar. CBB Pro enables you to style blocks based on their stuck state and make blocks sticky only when scrolling up. [CBB Pro] Backgound effect: Add parallax, infinite scrolling, and zooming effect to image easily. Perfect for hero section designs. [CBB Pro] Reveal animations: Add stunning effects to blocks when they appear on the viewport the first time. [CBB Pro] Custom layout & style: With the ability to enqueue external JS/CSS and input custom JS/CSS, you can do anything with your blocks on frontend. For dynamic data, we recommend using the Meta Field Block plugin. It’s the best way to display dynamic data. Why choose CBB? It’s fast, clean, flexible and code-free. It uses core blocks to build container blocks. It’s bloat-free. It doesn’t come bundled with a ton of specific-use blocks like other multiple-feature plugins. It’s easy to use. It adheres to Gutenberg and maintain the primary user experience of Gutenberg, so anyone familiar with the Block Editor is already familiar with CBB. Sites built with CBB are easier to maintain as most tasks are accomplished through the Block Editor. You don’t need to know React to create complex blocks or maintain a code repository for them. You can also import/export them from/to other sites. How does it help? Below are some video tutorials that demonstrate how you can use this plugin to build your sites: Create a grid repeater block to display a grid of repeating content Create a banner slider for your site directly on the Editor Create a custom blog page Create a featured posts section Create a glow-hover effect button variation More video tutorials Create custom layouts CBB includes five built-in layout blocks: Advanced Group, Grid, Carousel, Stack and Accordion. You can use them or build your custom layout blocks easily. Watch the video tutorial to create a simple responsive grid using the built-in Grid block. Create a similar layout by creating a custom grid block. Watch the video tutorial to create a banner slider using the built-in Carousel block. Watch the video tutorial to create a FAQ section using the built-in Accordion block. Create popup, off-canvas, popover, and toggle content With the toggle content feature, you can build a popup, off-canvas, popover, and toggle content easily and you can put anything in there. Watch the step-by-step video tutorial to create modal, off-canvas content. Create a responsive header with hamburger menu and search bar toggle. Create a notification bar. Create a video popup. Create a cookie popup. Create an off-canvas content. Enhance the Query Loop and other blocks CBB provides a bunch of advanced features to add style to custom blocks like responsive width, height, spacing, border, box-shadow, transform, alignments etc. And by wrapping around other blocks, you can add those features to other blocks as well. How to build a magazine layout grid with just one Query Loop block Create a banner slider using the Query Loop block. Create a carousel of posts using the Query Loop block. Create a blog layout with overlay style using the Query Loop block. Create block variations, block styles, and block patterns CBB helps you create custom variations, styles, and patterns directly in the Block Editor without using a code editor. Create variations and styles for the core image block. Create variations for any block. Create patterns. Google Fonts This feature does a really simple job, it loads a font for headings text and another for the body text from more than 1000+ Google Fonts easily with a few clicks. If you are worried about GDPR compliance, there is an option to load fonts from Bunny Fonts instead of Google Fonts. How to use Google Fonts and be GDPR compliant. Which theme should I use with this plugin? It is compatible with all Gutenberg-ready themes, but our recommended themes are default themes such as Twenty Twenty Four, Twenty Twenty Five, Twenty Twenty Three, Twenty Twenty Two, or Astra theme. How does it work with other blocks/plugins? This plugin works with all third-party blocks but we recommend using single-block plugins for lightweight and performance. We also develop several single block plugins, that work great with this plugin, please see them in the below section. Design library We have already included a library of block patterns for you to quickly use or customize to fit your design. There is a popup inserter in the block editor for you to find and insert patterns with a few clicks. How to use the pattern inserter popup. Browse the Design Library to see what the plugin can do for you. Block and Variation library Besides the pattern library, we have built an external library of content blocks and common block variations. All of the blocks/variations in this library have been created by CBB directly in the Block Editor. With a few clicks, you can easily import blocks or variations into your site. You use them directly or customize or learn from them. Watch some video tutorials to learn how to use the library: Import the particles background block. Import the basic header block. Import the Query Loop variations. Import the arrow buttons. Learn CBB Check out the documentation at contentblocksbuilder.com. Watch all tutorials on Youtube. We’re still recording video tutorials, so please subscribe to our YouTube channel to get a notification when new videos are released. Pro version In short, the professional version adds following advanced features to your content such as: Custom CSS: Adjusts layout and style easily right in the inspector settings. Enqueue external JS/CSS and add custom JS/CSS to blocks. This powerful feature lets you create blocks with any style or interactive effect, just like on CodePen.io. You write the JS/CSS, and CBB takes care of the rest behind the scenes. Premium background effects: Includes parallax, infinite scrolling, and zooming effect to background image. Premium carousel features: Adds entrance animations, advanced effects, an effect builder, customized pagination, navigation, etc. Premium toggle content features: Enhancements for modal, off-canvas, and popover content with custom entrance animations, delay time, trigger on scroll, exit intent, and closed state saving. Premium sticky content features: Detects stuck state and adds the ability to make blocks sticky only on scrolling up. Add custom CSS to variations. Reveal/entrance animations: Adds stunning effects to blocks when they first appear in the viewport. Check out this video tutorial to learn how to create a Google Map block and see how Content Blocks Builder (CBB Pro) helps you build powerful, custom Gutenberg blocks — without writing any React or PHP code. Watch more video tutorials to see how the Pro version can help you build advanced features for your sites: Create a sticky header. Create a custom block for the image zooming effect like Medium using an external script. Create a page title bar with a parallax background effect. How to create an animated heading block. How to create a Back To Top block. How to create an image compare block. Create the infinite scrolling background effect Create the parallax background effect Go premium to unlock advanced features with CBB Pro. If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it. Other plugins Please check out my other plugins if you’re interested: Meta Field Block – A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files. SVG Block – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library. Icon separator – A tiny block just like the core/separator block but with the ability to add an icon. Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce. Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc. Counting Number Block – A block to display numbers with a counting effect Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists. The plugin is developed using @wordpress/scripts. The source code is available in the trunk branch. The pattern, block, and variation library is hosted at https://boldpatterns.net.
Top keywords
- block58×2.80%
- blocks44×2.12%
- cbb30×1.45%
- custom27×1.30%
- grid21×1.01%
- content20×0.97%
- carousel15×0.72%
- variations15×0.72%
- editor14×0.68%
- css13×0.63%
- effect13×0.63%
- library13×0.63%
Slider by Soliloquy – Responsive Image Slider for WordPress
Responsive WordPress Slider Plugin We believe that you shouldn’t have to hire a developer to create a WordPress slider. That’s why we built Soliloquy, a drag & drop slider plugin that’s both EASY and POWERFUL. Soliloquy allows you to create beautiful responsive image and video sliders for your WordPress site in minutes, not hours! Add carousel sliders and much more in no time. User experience is our #1 priority. That’s why we put in extra effort to ensure that Soliloquy is the best responsive image slider for WordPress. This means that your slideshows will always look great on all devices (mobile (iOS or Android), tablet, laptop, and desktop). Soliloquy is highly optimized for web and server performance because we understand the importance of speed when it comes to SEO and conversion. According to multiple independent speed tests, this is the fastest plugin in the market of its kind. Soliloquy Pro This plugin is the lite version of the popular Soliloquy Pro plugin. The Pro plugin comes with all the features you will ever need including templates and sliders for: PDFs, WooCommerce, featured content, carousel, Lightbox, thumbnail navigation, Instagram, image protection, and tons more. Click here to purchase Soliloquy now! Soliloquy has been downloaded over 1,500,000 times. Here’s why smart photographers, designers, and developers love Soliloquy, and you will too! Drag & Drop Responsive Builder We were tired of bloated and buggy plugins. That’s why we built Soliloquy to adapt to your workflow. By using our easy to use drag and drop builder, you can upload your images, rearrange them. You can also add slider blocks built for the new WordPress 5.0 Gutenberg block editor. But don’t just take our word. See what one of the WordPress experts are saying: I used to custom build rotators for every project since I hadn’t found a tool with the flexibility I needed. Now I have Soliloquy. It works great out of the box, has an easy-to-use interface, and gives you the power to customize everything with hooks and filters. Bill Erickson – WordPress Consultant Responsive, SEO Friendly and Optimized for Speed Soliloquy is 100% responsive and mobile-friendly by default. We also optimized every query on the front-end and the back-end to ensure maximum speed. We made Soliloquy the most SEO friendly plugin with proper HTML markup, fast speed, and Google friendly display. Themes You can use the many pre-made templates. On top of our themes, you can use custom CSS to customize anything. See the demo of our WordPress slider themes. WooCommerce Products Easily create product slideshows with just a few clicks. You can filter by category, price, availability, featured, or another criteria. You can also include or exclude specific products. Watch the WooCommerce product slides video. Featured Content Slideshows for blog posts, products, testimonials, photo galleries, and more. Almost anything based on your website’s content. Watch the WooCommerce featured content video. Lightbox For your images, photos, and galleries. Opens your images in a full screen mode that’s easy to browse on all devices. Yes, it’s 100% mobile friendly. See the Lightbox demo. Carousel You can create slideshows for carousel images, videos, or even complete gallery carousel. See the Carousel demo. Dynamic Slides Automatically create slideshows from blog posts, testimonials, Instagram images, and galleries. Slides with Thumbnails Add thumbnail images as your navigation. You can configure the size, position, and more. See the Thumbnail slides demo. Instagram Slides A slideshow based on your Instagram photos, photos that you like, or even photos with specific tags. You can have as many photos that you like. You can even display photo captions. See the Instagram slides demo. PDF Slides Great for showing your presentation slides on your website. See the PDF slides demo. Video Slides Show videos from multiple sources: YouTube, Vimeo, Wistia, and even self-hosted videos. See the Video slides demo. Custom HTML Slides Slideshows for Quotes, mixed-content, and others using HTML. See the HTML slides demo. Transition Effects Soliloquy comes with numerous transitions that you can choose from. You can have a fade image transition, horizontal scroll image transition, vertical scroll image transition, ticker scroll image transition, and more. You can also auto play, control your transition speed, and more. Schedule Addon The schedule feature is great for holiday sales and special events. Pinterest Media button Allows users to easily share your images on Pinterest. See the Pinterest demo. Easy to Customize and Extend You can easily customize Soliloquy with our built-in templates or create your own. But we also knew that our developer friends may want to extend it further. That’s why Soliloquy comes with tons of hooks and filters (and yes it’s all very-well documented). See why one of the leading WordPress developers love Soliloquy: Soliloquy is just as easy to use as you’d hope, and its underlying code is solid. It follows WordPress coding conventions, is securely coded, and blends into the WordPress UI perfectly. I’ll definitely be recommending Soliloquy to anyone who needs a WordPress slider plugin! Mark Jaquith – Lead Developer for WordPress Full Soliloquy Feature List Guttenberg Blocks for WordPress 5.0 Drag & Drop Builder 100% Responsive – Mobile Friendly Beautiful Templates for Customization Featured Content – Easily create slideshows based on blog posts, pages, products, testimonials, and other custom post types. WooCommerce – Create beautiful product slides for your WooCommerce store. Lightbox – Create Lightbox slideshows for your photos and galleries. Carousel – Create responsive carousels for your images, photos, videos, and galleries. Thumbnails – Add thumbnail images as navigation. Instagram – Import images from Instagram. PDFs – From your presentation slides and other PDF files. Pinterest – Easily add Pinterest “Pin It” buttons. CSS Styles – Customize with custom CSS. Image Protection – Protect your images with Soliloquy protection addon. Schedule Slides – Easily schedule items to display at specific time intervals. Default Settings – Speed up your creation with customized Default settings. Want us to add something else? Suggest a feature and we’ll get it added! We have used many sliders in the past building client WordPress sites and now only use Soliloquy. It is designer/developer friendly to customize and easy for our clients to use once the site is their hands. We don’t even consider using anything else. Brian Bourn – Expert WordPress Consultant Demos Soliloquy is truly the perfect combination of Easy and Powerful. While Soliloquy offers tons of features, below are some of the most requested demos. Carousel Demo Featured Content Demo Lightbox Demo Video Demo Instagram Demo PDF Demo Custom HTML Slideshow Demo Slideshow with Thumbnails Demo See the full list of Soliloquy Demos Credits What’s Next If you like Soliloquy, then consider checking out our other plugins: Envira Gallery – Best WordPress Gallery Plugin WP-PDF Embedder – Best WordPress PDF Embedding Plugin Notes In v2.0 of Soliloquy Lite, we introduce a big plugin architecture change. You need to make sure you click on the link and follow the instructions on the screen when updating. The pro version of Soliloquy has many more features and enables you to do so much more than Soliloquy Lite, such as add images from your Media Library and use your own custom videos from YouTube, Vimeo and Wistia!