GRID System GrapesJS
1 images

GRID System GrapesJS

DevFuture Development

DevFuture Development

$49.00$66.15
GrapesJS:0.21.x0.20.x0.19.x0.22.x

What's Included

  • Source code package (project files)
  • Production-ready dist build
  • Commercial license
  • Future updates included

GrapesJS Compatible

Tested with GrapesJS 0.21.x, 0.20.x, 0.19.x, 0.22.x

Source Code Included

Full source + production-ready dist build

Editor Compatible

Designed for the GrapesJS open-source editor

Commercial License

Use in client projects without restrictions

Take full control of your page layouts with a powerful CSS Grid and Bootstrap-compatible grid system built directly into GrapesJS. Stop wrestling with manual markup — drag, drop, and configure rows and columns visually, exactly the way you need them.

GRID System adds a complete layout engine to your GrapesJS editor. Whether you're building landing pages, email templates, or complex web applications, it gives you the structural building blocks to create any layout — fast.

Features 

Grid components
  • Ready-to-use Row and Column blocks, drag-and-drop straight onto the canvas 
  • CSS Grid and Bootstrap-compatible structure out of the box 
  • Configurable column counts: 1, 2, 3, 4, 6, and 12-column layouts

Visual layout control
  • Adjust column spans, gaps, and alignment directly from the style panel 
  • Responsive breakpoints — define how your grid behaves on desktop, tablet, and mobile 
  • Nesting support — place grids inside grids for complex multi-level layouts

Developer-friendly
  • Clean, semantic HTML output — no bloated wrappers or inline style overrides 
  • Compatible with GrapesJS versions 0.19.x, 0.20.x, 0.21.x, and 0.22.x 
  • Ships with both source code and a production-ready dist build

Ratings:

No reviews yet. Be the first to share your experience.


Share this item:
Last Update:Apr 30, 2026
Published:Jan 21, 2024
Versions:
0.21.x0.20.x0.19.x0.22.x
Files Included:
Source code package (project files)Production-ready dist build
Tags:
css gridgridgrid bootstrapgrid blocksrowscolumns

Questions & Answers

No questions yet. Have something to ask?

Common problems this plugin can help fix

Real community questions on the same topic — see how others worked around them.

All issues →