Bootstrap 4 Blocks for GrapesJS
What's Included
- Free to download & use
- Open for personal & commercial use
Support The Creator
Use one-time or monthly support to thank the creator for this free product.
GrapesJS Compatible
Tested with GrapesJS 0.22.x, 0.21.x, 0.20.x, 0.19.x, 0.18.x, 0.17.x
Open Source on GitHub
Free to use, fork, and contribute
Editor Compatible
Designed for the GrapesJS open-source editor
Free to Use
Open for personal and commercial projects
Bootstrap 4 Blocks is a GrapesJS plugin that adds a collection of ready-made layout and content blocks built with Bootstrap v4.
Quickly create responsive designs using familiar grid structures — rows, columns, containers, and components like cards, jumbotrons, and navigation bars.
Features:
-
20+ pre-styled Bootstrap v4 blocks
-
Fully responsive grid layout system
-
Compatible with all GrapesJS core components
-
Easy drag-and-drop integration
-
Clean, semantic HTML output
-
Ideal for rapid prototyping and landing pages
Perfect for:
Developers and designers who want to speed up page creation inside GrapesJS using Bootstrap 4 standards.
Ratings:
No reviews yet. Be the first to share your experience.
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.
- #655✓ Solved · 3
Bootstrap blocks plugin
- #6669💬 3 answers
Cross-level reordering of blocks in Layer Manager causes Sorter errors and breaks further move attempts
- #5829💬 3 answers
Uncaught TypeError: __webpack_require__.r is not a function at ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1) at ./src/Demo/Templates/Templates.js (Templates.css:45:1) at __webpack_require__ (bootstrap:789:1) at fn (bootstrap:150:1)
- #5803💬 3 answers
Filtering Blocks does not work as described in Docs