Noah's Page Builder

The First Page Builder of Its Kind for Drupal

Build Pages Faster. Manage Content with Ease. No coding required. No limits. No deployment headaches.

Noah’s Page Builder is the first drag-and-drop page builder module designed specifically for Drupal. Whether you're a developer looking for a faster way to create pages or a content manager who needs more control over layouts, Noah’s gives you the freedom to build and edit with ease—all within Drupal.

The best part? Noah’s Page Builder is free to use, and it will continue evolving with community feedback.

• For Developers – Speed up front-end development while maintaining full flexibility and control.
• For Teams – Create stunning, consistent pages with ease.
• For Content Managers – Manage and update page layouts effortlessly, without depending entirely on developers.
• For Everyone – A free tool with a growing ecosystem of features and widgets.

Where can I use it

• Content Types
• Vocabulary Types
• Product Type
• Block Type (New)
• Node Display (Ex: Node Teaser, Custom Tear, Full content, etc...)
• User (+ register, login, password request), Commerce Cart, Commerce Checkout Order, more and CUSTOM ROUTES

Block Type

With block type you can create reusable blocks with the same structure and styles, and use them in different pages of your website. This is especially useful for elements like headers, footers, or call-to-action sections that you want to maintain consistent across your site.

What can Noahs for you

• Global Settings:
• General Settings
• Customize Container & breackpoints
• Use defaults Fonts or use your custom fonts
• Set yours default colors
• Theme configurtions
• Custom Css and JS
• Global Styles
  • Typography
  • Buttons
  • Forms
  • Swiper
• Designs
  • Create node display designs, no more twig layouts
• Theme builder
  • Create themes to use in your entities, ex: A template for Articles, this is excellent for content managers
• Widgets (fully customizable without coding)
  • Image (media images)
  • Heading and text
  • Blocks and Views
  • Forms (Contact form & Webforms)
  • Buttons
  • Nodes and fields
  • Custom HTML
  • And muchmore and unlimited easy configurations in each widget...

What can Noahs for you

• Global Settings
• Undo/redo support
• Resizable editing window
• Default font and color setup
• Global style previews (text, buttons, forms…)
• Optimized style output and reduced code
• New Noah’s Gallery submodule
• Prebuilt templates and column layouts
• AI-generated text and translations
• Widgets and controls built as Drupal plugins
• Works with content types, taxonomies, blocks and product types
• Custom CSS per widget with instant preview
• Uses Drupal media with image style support
• Conditional widget display via cookies or URL
• Visual headers/footers, animations, and transitions
• PRO: Global widgets, reusable templates, field mapping, custom route support, and more

Complement this module with Noah's Popups

Why Use Noah’s Page Builder?

• Real-Time Drag & Drop – Instantly see your changes, no coding required.
• 24+ Pre-Built Widgets – Quickly create dynamic, professional layouts.
• Reusable Templates – Maintain design consistency and streamline content creation.
• Custom CSS & Style Control – Fine-tune designs while preserving branding.
• Live Editing – Update pages instantly without disrupting workflow.
• Built for Drupal – Seamless integration with the CMS you already use.
• AI integrated – Generate or translate text in seconds.

How It Works

1. Install & Activate – Download Noah’s Page Builder from Drupal.org.
2. Install & Activate Noah's Theme
3. Configure where do you want to use it and set pre settings and styles
4. Drag, Drop & Customize – Use the intuitive interface to build and design pages.
5. Launch & Iterate – Publish pages quickly and refine as needed.

See It in Action

Watch our 1-minute demo video and explore Noah’s in action! Watch Now

Open-Source & Pro Version

Colaborate with this this project buying the extencion Noahs Pro to continue its development and support. I'm createing new features and fixing bugs daily.

Meet the Team & Our Vision for Drupal

Want to know why we built Noah’s and what’s next? Check out our interview with The Drop Times to learn more about our vision and how we’re shaping the future of Drupal site building:

Read the Interview

Get Started Today

Try Noah’s Page Builder now and experience a better way to build pages in Drupal. Download it and start building today!

Join the Community

Have questions or feature requests? Contribute to the project and share your feedback in our Issue Queue!

Demos and Resources

• Demo Site: Try it here (User: demo | Pass: demo)
• How-To Videos:
  • Introduction
  • Using Noah's Free
  • Discover Noah's Pro
• Documentation: Work in Progress

Support & Community

• Got questions or ideas? Reach out via Contact Form.
• Want to support us? Consider Noah's Pro or partner with us.

Take the hassle out of page building and elevate your Drupal experience with Noah's Page Builder.