Skip to header Skip to main navigation Skip to main content Skip to footer
Cookies UI
Site branding
Alaa Haddad - Drupal Expert
Consultant • Architect • Developer • Themer - Expert Drupal Solutions
Main navigation
Alaa Haddad Offers Exceptional Drupal Custom Theming and Modules in Austin TX Alaa Haddad - Drupal Expert
  • Professional Profile
  • Drupal Services
    • Drupal Development
    • Drupal Developer
    • Drupal Themer
    • Drupal Architect
    • Drupal Consultant
  • My Drupal Modules & Themes
      • Cloudflare Purge
      • Solo Copy Blocks
      • W3CSS Paragraphs
      • Paragraphs Bundles
      • Acquia Purge Varnish
      • Reference Blocked Users
      • Module Matrix
      • Paragraphs Bundles Import
      • Selectify
      • Solo Utilities
      • Utilikit
      • Solo
      • Amun
      • Anhur
      • Amunet
      • W3CSS Theme
      • 3D Carousel
      • 3D FlipBox
      • Accordion
      • Carousel
      • Hero
      • Lightbox
      • Parallax
      • Reveal
      • Slideshow
      • Tabs
  • Blog
  • Videos
  • Contact
  • Hire Me (opens in new tab)

Paragraphs Bundles (Drupal Module)

Breadcrumbs

Breadcrumb

  • Home
  • Drupal Modules
  • Paragraphs Bundles (Drupal Module)

Main page content

Alaa Haddad, professional Drupal developer based in Austin, TX   Alaa Haddad
  10:07 PM CDT, Sun September 13, 2026
Share

Paragraphs Bundles gives Drupal editors 39 ready-made paragraph types — carousels, accordions, tabs, hero banners, image grids, modals, parallax sections and more — installed as 27 optional submodules so you enable only what you use. It requires Drupal 11.3 or 12, and it is free on drupal.org.

The problem it solves

Paragraphs is the right way to build flexible content in Drupal, but out of the box it gives you the mechanism and none of the components. Every project starts the same way: someone spends a week building an accordion bundle, a card bundle and a slideshow bundle, and then the next project starts from zero again.

Paragraphs Bundles is that week of work, done once, maintained properly, and given away. I have rebuilt it twice — this is version 2, modernised for Drupal 11.3 and 12 with object-oriented hooks throughout.

Requirements

Paragraphs Bundles requirements, from paragraphs_bundles.info.yml
RequirementValue
Drupal core^11.3 || ^12
Core modulesField, File, Filter, Link, Media, Options, Text
ContributedEntity Reference Revisions

Note the core requirement carefully: this is a Drupal 11.3+ module. Version 2 dropped Drupal 10 deliberately in order to use modern hook classes and the current Paragraphs API rather than carrying compatibility shims. If you are still on Drupal 10, stay on the 1.x branch until you upgrade — and if that upgrade is the thing blocking you, it is work I do.

How the CSS works — and why it matters

This is the design decision that separates Paragraphs Bundles from most component libraries, and it is worth understanding before you install it.

  • Per-paragraph dynamic CSS files, not inline styles. When an editor sets a colour on a paragraph, that choice is written to a generated stylesheet, not stamped into the markup as a style attribute. Your HTML stays clean and your pages stay cacheable.
  • Deliberately un-layered CSS. The module does not wrap its rules in cascade layers, which means an editor's explicit choice wins over the theme's default rather than losing to it.
  • BEM-strict class naming. Every class follows block-element-modifier convention, so overriding one component never leaks into another.

The practical result: Paragraphs Bundles is theme-agnostic. It has no theme dependency and no theme integration to configure. It works under Solo, under a core theme, or under a custom theme you wrote yourself — and in each case the editor's choices survive.

What you get: 39 bundles in 27 submodules

Every bundle is its own submodule. Enable the three you need and the other 24 never load, so you are not carrying CSS and templates for components you will never place.

Display and media

Carousel, 3D Carousel, Slideshow, Image, Image Grid, Image Overlay, Image Background, 3D Flip Box, Icon.

Interactive

Accordion, Tabs, Modal, Parallax, Alert.

Layout and structure

Layout, Grid, Card, Hero, Content.

Integration

Views, Block, Block Content, Node Reference, Link, Webform, Contact Form.

AI

The suite also ships paragraphs_bundles_ai, an optional submodule for AI-assisted paragraph workflows. Like every other submodule it is off until you enable it.

Installation

composer require drupal/paragraphs_bundles

Enable the base module and only the bundles you want:

drush en paragraphs_bundles -y
drush en paragraph_bundle_accordion paragraph_bundle_card paragraph_bundle_slideshow -y
drush cr

Then add a Paragraphs reference field to your content type and choose which bundles editors may place.

Typical workflow

  1. Create or edit a node with a Paragraphs field.
  2. Add a paragraph and choose its bundle — Card, Accordion, Hero and so on.
  3. Use the Content tab for text and media, and the Display tab for appearance: colours, spacing, alignment.
  4. Save. The generated stylesheet for that paragraph is written automatically.

Paragraphs Bundles or Layout Builder?

This is the question I am asked most often, and the honest answer is that they solve different problems.

Choosing between Paragraphs Bundles and Layout Builder
ConsiderationParagraphs BundlesLayout Builder
What it structuresContent — the paragraphs are field data on the nodeDisplay — the layout is configuration on the view mode
Best forEditors composing a page from known componentsSite builders defining how a content type renders
TranslationParagraph content translates like any other fieldLayout translation needs more care
MigrationParagraphs move with the contentLayouts are per-display configuration

Plenty of sites use both: Layout Builder for the page skeleton, Paragraphs Bundles for the components an editor drops into it. They do not conflict.

Troubleshooting

The bundle I want is not in the "Add paragraph" list
Two causes. Either its submodule is not enabled — check Extend — or the Paragraphs reference field on your content type has that bundle unticked in its field settings.
My colour choice is not showing
Clear caches after the first save on a new bundle, because the generated stylesheet is attached through the render cache. If it persists under a theme that repaints text colour broadly, the theme is overriding color on elements the module owns no rule for.
Installation fails on a Drupal 10 site
Expected. Version 2 requires ^11.3 || ^12. Use the 1.x branch on Drupal 10.
Entity Reference Revisions is missing
Composer installs it automatically. If you installed by downloading the module rather than through Composer, add it with composer require drupal/entity_reference_revisions.

Related projects

  • Paragraphs Bundles Import — bulk-create paragraphs and nodes from CSV instead of building them by hand.
  • Solo — a free theme with 24 regions that pairs well with these bundles, though neither requires the other.
  • W3CSS Paragraphs — the earlier generation of this idea, still maintained.

Common questions

Do I have to enable all 27 submodules?

No, and you should not. Enable only the bundles you will place. Each submodule carries its own templates and CSS, so leaving 24 disabled means 24 fewer assets on your pages.

Does it work with any theme?

Yes. There is no theme dependency. The CSS is deliberately un-layered so that editor choices win under whatever theme you run.

Will it work on Drupal 10?

Version 2 requires Drupal 11.3 or later. Drupal 10 sites should stay on the 1.x branch.

Are editor colour choices saved as inline styles?

No. They are written to per-paragraph generated stylesheets, which keeps markup clean and pages cacheable.

Need a hand?

Paragraphs Bundles is free and GPL-licensed, like all my contributed work. If you want help designing a component set around it, migrating an existing site onto it, or moving from Drupal 10 to 11 or 12 so you can use version 2, that is my day job.

Read about my Drupal services, see what a Drupal developer brings to a project, or get in touch.

Paragraphs Bundles
Slide 1 of 27
Acquia Purge Varnish - API V2 (Drupal Module)
Slide 2 of 27
Amun - W3CSS Sub-Theme (Drupal Theme)
Slide 3 of 27
Amunet - W3CSS Sub-Theme (Drupal Theme)
Slide 4 of 27
Anhur - W3CSS Sub-Theme (Drupal Theme)
Slide 5 of 27
Cloudflare Purge (Drupal Module)
Slide 6 of 27
Module Matrix (Drupal Module)
Slide 7 of 27
Paragraphs Bundles (Drupal Module)
Slide 8 of 27
Paragraphs Bundles Import (Drupal Module)
Slide 9 of 27
Reference Blocked Users (Drupal Module)
Slide 10 of 27
Selectify (Drupal Module)
Slide 11 of 27
Solo (Drupal Theme)
Slide 12 of 27
Solo Copy Blocks (Drupal Module)
Slide 13 of 27
Solo Utilities (Drupal Module)
Slide 14 of 27
Utilikit (Drupal Module)
Slide 15 of 27
Views 3D Carousel (Drupal Module)
Slide 16 of 27
Views 3D FlipBox (Drupal Module)
Slide 17 of 27
Views Accordion (Drupal Module)
Slide 18 of 27
Views Carousel (Drupal Module)
Slide 19 of 27
Views Hero (Drupal Module)
Slide 20 of 27
Views Lightbox (Drupal Module)
Slide 21 of 27
Views Parallax (Drupal Module)
Slide 22 of 27
Views Reveal (Drupal Module)
Slide 23 of 27
Views Slideshow (Drupal Module)
Slide 24 of 27
Views Tabs (Drupal Module)
Slide 25 of 27
VVJ Core (Drupal Module)
Slide 26 of 27
W3CSS Paragraphs (Drupal Module)
Slide 27 of 27
W3CSS Theme (Drupal Theme)
1 of 27

Our mission is to make Drupal more accessible and user-friendly, empowering businesses of all sizes, especially small enterprises with powerful tools that streamline content customization and enhance digital experiences.

Need help with your Drupal project? Hire Me through Flash Web Center, LLC.

Search

The Drupal 11 Module and Theme Stack, With Versions Checked

ARIA Live Regions in Drupal 11: What Core Does, What You Add

Drupal Architect: The Decisions Expensive to Reverse

Drupal Services: Development, Theming, Upgrades | Austin TX

Paragraphs Bundles

Drupal Module - Paragraphs Bundles

Drupal Theme - Solo

Drupal Theme - Solo

Drupal Work List - Drupal Work

Reference Blocked Users (Drupal Module)

Solo Utilities (Drupal Module)

Views Hero (Drupal Module)

Solo (Drupal Theme)

Paragraphs Bundles Import (Drupal Module)

Drupal Theme - W3CSS Theme

Drupal Theme - W3CSS Theme

Drupal Module - W3CSS Paragraphs

Drupal Module - W3CSS Paragraphs

Inspiration

Inspiration is the fuel that powers our creative engine, often coming from our surroundings, experiences, or the works of others. It's that magical moment when something clicks inside your brain, and you suddenly see a path forward that you hadn't noticed before. Inspiration can strike at any time, providing the motivation and energy needed to explore new possibilities and bring your ideas to life.

Unique Ideas

Unique Ideas

Unique ideas are the seeds of innovation, representing original thoughts or concepts that stand out from the usual. They're the sparks that ignite the process of creating something new and different, often leading to unexpected and groundbreaking solutions or products. Whether in art, science, business, or technology, unique ideas challenge the status quo and pave the way for progress.

Brainstorming

Brainstorming

Brainstorming is a creative group activity designed to generate a large number of ideas or solutions to a problem. It's a free-flowing and open-ended discussion where every suggestion is welcomed and considered, no matter how outlandish it may seem. Brainstorming encourages thinking outside the box, fostering an environment where creativity and collaboration lead to innovative solutions.

Planning

Planning

Planning is the blueprint for turning your ideas into reality. It involves setting goals, outlining steps, and organizing resources in a way that makes achieving your objectives possible. Good planning considers potential challenges and opportunities, making it easier to navigate the journey from concept to completion. It's about preparing the groundwork so that your projects can grow and flourish.

Drupal Developer

A Drupal Developer stands as the technical powerhouse behind dynamic websites, wielding expertise in PHP, custom module development, and Drupal's sophisticated API ecosystem. This role transforms business requirements into functional, secure, and scalable web solutions that power everything from small business sites to enterprise platforms serving millions of users. A Drupal Developer's expertise spans the entire development lifecycle—from architecting custom modules and integrating third-party services to optimizing performance and ensuring security compliance. Discover the complete guide to Drupal Developer skills, career paths, and hiring strategies.

Drupal Themer

A Drupal Themer serves as the artistic craftsperson who transforms wireframes and design mockups into pixel-perfect, accessible, and responsive user experiences using Twig templates, CSS, and JavaScript. This specialized role bridges the gap between design vision and technical implementation, ensuring every website not only looks exceptional but performs flawlessly across all devices and meets WCAG accessibility standards. A Drupal Themer's work encompasses the entire front-end ecosystem—from creating custom theme architectures and optimizing Core Web Vitals to implementing complex responsive designs and ensuring seamless integration with Drupal's rendering system. Explore the comprehensive guide to Drupal Themer expertise, theming best practices, and career advancement.

Drupal Architect

A Drupal Architect emerges as the strategic visionary of web construction, armed with encyclopedic knowledge of enterprise architecture patterns, infrastructure design, and Drupal's extensive technological ecosystem. This senior role operates at the highest technical level, making critical decisions that determine whether complex implementations scale successfully or collapse under real-world demands. A Drupal Architect's responsibilities begin long before development starts—during strategic planning phases where the foundation for secure, performant, and maintainable systems is established through careful evaluation of technology stacks, integration strategies, and scalability requirements. Learn about Drupal Architect skills, enterprise architecture strategies, and career progression to principal roles.

Footer menu

  • Contact
  • Professional Resume
  • Resume Summary
  • Technical Skills
  • Privacy Policy
  • Terms & Conditions
  • Search
  • Login
  • Sitemap

Copyright © 2026 Flash Web Center, LLC - All rights reserved

Developed & Designed by Alaa Haddad