GJS.MARKET

We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS. This release brings improved positioning, compatibility updates, and smoother UX for your in‑canvas editing workflows.<h3>What is Super Tooltip Plugin?</h3>Super Tooltip is a UX‑focused plugin for GrapesJS designed to streamline component interactions inside the editor. It adds floating icons and contextual menus next to selected components so you can quickly perform common actions (add component, convert, move, delete, parent selection, etc.) without leaving the canvas. The plugin also supports keyboard shortcuts and tidy visual tooltips for a polished editing experience.<h3>What’s new in version 0.1.5</h3>Here are the key changes in this update:<ul><li>Updated button / tooltip positions to better align in recent versions of GrapesJS</li><li>Compatibility bump: updated to work smoothly with GrapesJS v0.22.x</li><li>Minor bug‑fixes around menu placement, ensuring the floating UI stays correctly aligned when editing components. (Building on fixes from v 0.1.3)</li></ul><h3>Why this matters</h3><ul><li>Better alignment: Floating icons and menus now stay visually consistent with the selection, whether you’re nested deep or editing within a complex layout.</li><li>Up‑to‑date compatibility: With GrapesJS evolving fast, ensuring the plugin works with v0.22.x helps you avoid mismatches and glitches.</li><li>Improved UX: Smoother behavior means less distraction and more focus on design. The tooltips and shortcuts continue to make editing faster and more intuitive.</li></ul><h3>Quick Recap of Major Features</h3>To remind you of what Super Tooltip offers:<ul><li>Floating “Add Component” and “More Options” buttons appear next to the selected component.</li><li>Keyboard shortcuts such as:</li><li>Cmd/Ctrl + D → Add component</li><li>Cmd/Ctrl + F → Open “More Options” menu</li><li>Cmd/Ctrl + E → Select parent</li><li>Cmd/Ctrl + ↑ / ↓ → Move component up/down</li><li>Cmd/Ctrl + S → Duplicate</li><li>Delete → Remove</li><li>Smooth tooltip system (hover triggered) to show shortcuts without cluttering the UI</li><li>Animated context menus: insert blocks (with search/filter), “Convert To” submenu (live component replacement), and quick actions like move/delete/duplicate/select parent — all keyboard accessible</li><li>BlockManager integration: automatically pulls blocks (with SVG/icon previews) and content injection support</li></ul><h3>Upgrade Instructions</h3>If you’re already using Super Tooltip:<ol><li>Download the latest version (0.1.5) from the marketplace.</li><li>Replace the plugin files in your project (dist build + source as needed).</li><li>Ensure you’re running GrapesJS v0.22.x (or confirm compatibility).</li><li>Clear cache (if using browser caching) and reload your editor instance.</li><li>Check the floating menus and tooltips in the editor — verify that positioning works as expected especially when editing nested components.</li><li>Report any layout issues or behavior quirks so we can address them in the next patch.</li></ol>If you’re new: install Super Tooltip in your GrapesJS setup and activate it in your plugin initialization. Use the demo/preview to see it in action and consult the docs for further configuration options.<h3>Looking Ahead</h3>We’re already planning the next minor version, where we’ll focus on:<ul><li>More customization options (e.g., toggle which floating icons appear, control of shortcut sets).</li><li>Better support for custom component types and non‑standard block insertion flows.</li><li>Enhanced positioning logic for complex layouts (multi‑page, nested editors, off‑canvas panels).</li><li>API hooks for advanced users to bind their own behaviour to the floating menus and shortcuts.</li></ul><h3>Final Thoughts</h3>If you’re looking to give your GrapesJS‑based editor a more polished, user‑friendly in‑canvas experience, Super Tooltip offers a smart, lightweight UI enhancement. With version 0.1.5 you get improved alignment, up‑to‑date compatibility, and a smoother workflow right out of the box.Try it today and let us know how it fits into your setup!Check it: <a href="https://gjs.market/products/super-tooltip-for-grapesjs" rel="noopener noreferrer" target="_blank">https://gjs.market/products/super-tooltip-for-grapesjs</a>Happy editing!— The DevFuture Development Team

The latest version 0.1.5 of Super Tooltip for GrapesJS brings enhanced performance, improved positioning logic, and smoother animations.

Super Tooltip for GrapesJS – Update v0.1.5 - Post Release

DevFuture Development

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

In 2025, extending GrapesJS with plugins is essential to unlock its full potential. GJS.Market hosts hundreds of GrapesJS plugins &amp; tools for every project, offering both free and premium extensions built by top developers. These plugins – from form builders and layout tools to AI integrations – enhance functionality for beginners and experts alike. Below is our curated Top Plugins list (free and paid) on GJS.Market, covering key categories like e-commerce, forms, layouts, and integrations. <h3>1. Whitener Preset for GrapesJS (Free)</h3>Introduced by DevFuture, Whitener Preset gives your site a clean, white theme. It applies a fresh white style to web pages and newsletters, making designs look bright and minimalist. This preset adds new positions for component and style panels and updated styles (including CodeMirror editor styles) to streamline design workflows. It’s ideal for creating elegant, distraction-free layouts with just a few clicks.<ul><li>Features: White-themed layouts, new style panel positions, custom CodeMirror styles</li><li>Price: Free (Official DevFuture preset)</li><li><a href="https://gjs.market/products/whitener-preset-grapesjs" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>2. Reactor Preset for GrapesJS (Free)</h3>Reactor Preset seamlessly integrates React components into GrapesJS, blending React’s flexibility with the visual editor interface. With Reactor, developers and designers can embed interactive React widgets (charts, maps, forms, etc.) directly in GrapesJS projects. It “unlocks a world of possibilities for dynamic and interactive web design,” from simple landing pages to complex web apps. Reactor is perfect for teams that build React-based UIs and want to visually compose pages without sacrificing custom components.<ul><li>Features: Drag-and-drop React component support, unified React + GrapesJS workflow, enhanced interactivity</li><li>Price: Free (New Software)</li><li><a href="https://gjs.market/products/reactor-preset-for-grapesjs" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>3. GrapesJS Plugin Saver (Free, Dev)</h3>The Plugin Saver by BitTurbo is an “essential tool” (currently in development) for exporting GrapesJS content into various formats. It lets you save or export your editor project as a DOCX, PDF, image(s), or ZIP archive, all from within GrapesJS. This versatility is great for backups, reports, or sharing designs. The plugin is under active development, and future updates will refine its export options<ul><li>Formats Supported: DOCX, PDF, PNG/JPEG image, ZIP (all pages)</li><li>Status: Free (Beta, DevTurbo)</li><li><a href="https://gjs.market/products/plugin-saver-docx-pdf-image-zip-under-developing" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>4. GrapesJS NodeJS JSON Converter (Free, Dev)</h3>This NodeJS JSON Converter plugin (BitTurbo) provides seamless conversion between GrapesJS and NodeJS JSON data. Developers can send the GrapesJS canvas content as JSON to a Node.js backend (and vice versa), streamlining workflows in modern web projects. It’s ideal for headless setups or integrating GrapesJS with server-side rendering. The tool is under development, promising a smooth bridge between GrapesJS’s editor state and JSON/HTML/CSS templates.<ul><li>Purpose: Convert GrapesJS editor JSON to/from NodeJS server formats</li><li>Status: Free (Beta, DevTurbo)</li><li><a href="https://gjs.market/products/grapesjs-nodejs-json-converter-to-html-css" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>5. GrapesJS Link Component (Free)</h3>The Link Component simplifies hyperlink handling in GrapesJS. It adds a user-friendly interface for creating and editing links: users can set URL, target, title, and other attributes without touching code. Key features include easy link management and customizable attributes for SEO (rel, title, etc.), and it even supports dynamic behaviors like tooltips or modals when a link is clicked. The plugin also offers a real-time preview so designers see exactly how links behave in their pages.<ul><li>Features: Easy link editing UI, custom URL/target/title, dynamic link actions, live preview</li><li>Price: Free (BitTurbo).</li><li><a href="https://gjs.market/products/grapesjs-link-component" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>6. GrapesJS Plugin Forms (Free)</h3>Plugin Forms (official GrapesJS plugin) adds a full set of form elements into the editor. It provides basic form components and blocks, so users can drag in form inputs (text, email, etc.), textarea, select menus with options, checkboxes, radio buttons, and labels. This makes building contact forms, surveys, and sign-up forms visual and easy. Because it’s an official plugin, it integrates smoothly and is perfect for beginners who need simple form support.<ul><li>Components Included: Input fields, textarea, select/option, checkbox, radio button, submit button, labels</li><li>Price: Free (GrapesJS Official).</li><li><a href="https://gjs.market/products/forms" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>7. GrapesJS Plugin Toolbox (Free)</h3>The Plugin Toolbox by Blocomposer bundles several handy utilities into one plugin. Its tools include a CSS grid layout editor, a canvas resizer, an image-based color palette generator, breadcrumbs navigation, and a layer icon mapper. In practice, this means you get quick controls for designing grid layouts, resizing the editor canvas, generating consistent color schemes, and better layer organization. All these tools help streamline the design process for both beginners and advanced users.<ul><li>Features: CSS grid builder, canvas resize, auto-palette from image, breadcrumbs panel, custom layer icons</li><li>Price: Free (Blocomposer).</li><li><a href="https://gjs.market/products/grapesjs-plugin-toolbox" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>8. Blocky for Tailwind CSS (Premium – $59)</h3>Blocky (Blocksmith) is a premium plugin offering 40+ pre-built Tailwind CSS blocks. It adds a ready library of responsive sections (hero, features, blog, gallery, footer, etc.) directly into GrapesJS. All blocks use pure Tailwind classes (no extra frameworks), so the resulting HTML/CSS is clean and lightweight. You can drag-and-drop these blocks into your canvas and customize them on the fly. This plugin is perfect for landing pages and marketing sites built with Tailwind – it dramatically speeds up page-building by providing styled templates on demand.<ul><li>Key Features: 40+ responsive Tailwind-designed blocks (heroes, grids, forms, footers, etc.), mobile-optimized layouts, no extra libraries</li><li>Price: $59 (Commercial license).</li><li><a href="https://gjs.market/products/plugin-blocky-for-tailwind-css" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>9. GrapesJS GPT Plugin (Free)</h3>This plugin brings OpenAI GPT into GrapesJS. With the GrapesJS GPT Plugin, users get a “magic” AI icon in the editor – click it to generate or modify text content automatically using AI. It’s ideal for content-heavy sites: for example, automatically drafting headlines, paragraphs, or call-to-actions based on prompts. Features include content generation, content tweaking, and adjustable GPT settings (e.g. creativity level). This AI plugin can boost productivity and creativity for marketing copy or blog templates, even for beginners who aren’t copywriters.<ul><li>Features: AI-powered text generation and editing (headline, body, etc.), one-click “magic” icon for GPT actions, configurable prompts</li><li>Price: Free (Sathursan Krishnadeva).</li><li><a href="https://gjs.market/products/grapesjs-gpt-plugin" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>10. GrapesJS Export to ZIP (Free)</h3>The Export Zip plugin (official GrapesJS) adds a one-click export command. It allows users to export the entire page template as a ZIP file containing HTML/CSS and assets. With one command (or editor button) you can download the finished design for deployment or backup. This is invaluable for any user or team that needs a packaged version of their project. The plugin simply “adds the possibility to export template in a zip archive, making it a must-have for publishing or sharing GrapesJS creations.<ul><li>Functionality: Export the current page (or all pages) as a downloadable ZIP of HTML/CSS/assets</li><li>Price: Free (GrapesJS Official).</li><li><a href="https://gjs.market/products/export-zip" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>11. TinyMCE 6 Inline Text Editor (Premium – $149)</h3>DevFuture’s TinyMCE 6 Inline Editor replaces GrapesJS’s default RTE with the full TinyMCE 6 toolkit. It brings a powerful, familiar WYSIWYG text editor into GrapesJS, complete with formatting options (bold, italic, underline, strikethrough), font sizes, colors, and more. Because it’s “inline”, you can edit text directly on the canvas without popups. This is great for content-rich pages: authors get the advanced TinyMCE UI (spell-check, lists, fonts, etc.) seamlessly. Note it’s a premium plugin ($149) with 16 sales – a solid choice for teams needing rich text control.<ul><li>Features: Full TinyMCE 6 toolbar (formatting, fonts, colors, etc.), inline editing mode, mobile-responsive editor, updated for GrapesJS 0.22.x</li><li>Price: $149 (Commercial license).</li><li><a href="https://gjs.market/products/tinymce-6-inline-text-editor" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>12. Pages Manager (Premium – $49)</h3>Pages Manager (DevFuture) adds full multi-page support. It lets you create, rename, duplicate, delete, and even export multiple pages from one GrapesJS project. All pages can be packaged into a ZIP (single or multi-page export). It also includes features like page preview, sorting, and search across pages. Essentially, it turns GrapesJS into a mini CMS: you can manage an entire website structure, not just single pages. At $49, it’s a powerful tool for agencies or no-code builders who need multi-page websites.<ul><li>Features: Add/remove/rename pages, copy pages, export all pages to ZIP, page preview and search, page ordering</li><li>Price: $49 (Commercial license).</li><li><a href="https://gjs.market/products/pages-manager" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>13. Grapesjs Paneless UI Kit (Premium – $400)</h3>Paneless by Blocomposer is an all-in-one UI preset for GrapesJS. It provides a complete “website builder” interface out of the box: custom components (icons, shape-dividers, headers, etc.) and blocks (links, quotes, navbars, hero sections, etc.) are built in. Paneless adds widgets (e.g. “Add Block” buttons) so you don’t even need to drag-and-drop. It’s essentially a premade GrapesJS theme with its own panels and commands, designed to launch a builder quickly. At $400, it’s pricey, but it comes bundled with many features (like its own icon plugin) and could be ideal for SaaS platforms offering GrapesJS as a service.<ul><li>Highlights: Ready-made UI preset with custom icons, shape dividers, headers, etc., built-in blocks library, extended command/toolset for editing, no-drag interface widgets</li><li>Price: $400 (Commercial license).</li><li><a href="https://gjs.market/products/grapesjs-paneless" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>14. Grapesjs Wix-Like UI Kit (Premium – $260)</h3>Another Blocomposer preset, Wix-Like transforms GrapesJS into a “Wix-style” page builder. It includes common plugins and UI elements configured for easy page-building, similar to the Paneless concept but at $260. Wix-Like provides a framework and custom panels so that non-technical users can build sites visually. It’s a fast way to give GrapesJS a turnkey builder UI, complete with drag/drop behaviors and custom options.<ul><li>Features: Pre-configured GrapesJS setup with enhanced panels and settings (inspired by Wix), block filtering and custom panels support</li><li>Price: $260 (Commercial license).</li><li><a href="https://gjs.market/products/grapesjs-wix-like" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul><h3>15. Templates Manager (Premium – $199)</h3>The Templates Manager (DevFuture) lets you import pre-designed page templates into GrapesJS. Users can choose from a library of templates and automatically insert them into the canvas, speeding up the design process. It supports loading templates locally or from a remote URL (JSON or HTML), and includes options for searching templates and customizing their insertion point in the UI. For example, you could load a “Contact Page” template or a “Blog Post” template with one click. This plugin saves time for designers and ensures consistency across projects.<ul><li>Features: Browse and insert pre-made page templates, supports local/remote template data, search box toggle, configurable template URLs and UI placement</li><li>Price: $199 (Commercial license).</li><li><a href="https://gjs.market/products/templates-manager" rel="noopener noreferrer" target="_blank">View on GJS.Market</a></li></ul>Each of the above plugins has proven valuable on GJS.Market either by high downloads or sales, and covers a range of use cases from e-commerce and forms to AI content and layout. We encourage you to explore these plugins on GJS.Market and try them out – whether you’re building a simple site or a complex web application, these tools can greatly accelerate development and expand what you can do with GrapesJS

Discover the best GrapesJS plugins in 2025. Verified extensions and template packs from GJS.Market to speed up your web building workflow.

Best GrapesJS Plugins in 2025 — Tools from GJS.Market

Best GrapesJS Plugins in 2025 (Updated List)

<h3>⚡ Build Faster with Tailwind Blocks</h3>Creating beautiful websites inside GrapesJS can take time — setting up layouts, managing responsive classes, and keeping everything pixel-perfect. Blocky solves that by giving you a full collection of professionally designed Tailwind components, including:<ul><li>Hero sections &amp; headers</li><li>Feature and pricing grids</li><li>Blog and article layouts</li><li>Testimonials &amp; CTAs</li><li>Galleries, cards, and contact forms</li><li>Footers and navigation blocks</li></ul>Every block is fully responsive, Tailwind-only, and crafted for real-world use.<h3>🎨 Clean, Lightweight, and Extendable</h3>Blocky doesn’t rely on any extra frameworks — it’s 100% Tailwind.This means your code stays clean, semantic, and easy to extend.Each block follows a consistent structure, so you can:<ul><li>Adjust classes directly in GrapesJS</li><li>Customize spacing, typography, and colors</li><li>Duplicate or remix existing blocks</li><li>Combine multiple blocks to build entire pages in minutes</li></ul>Whether you’re prototyping a landing page or building a production-ready site, Blocky adapts to your workflow.<h3>🧩 Seamless GrapesJS Integration</h3>Once installed, you’ll find a new “Tailwind Blocks” category in your GrapesJS block panel.From there, simply drag and drop any block into your canvas. Modify the content, tweak Tailwind classes, and see your design update instantly — all inside the editor.Compatible with GrapesJS v0.16+, Blocky works perfectly with modern setups, including custom builders, SaaS platforms, and no-code page editors. <h3>👨‍💻 Perfect For</h3><ul><li>Developers building Tailwind-based SaaS or no-code platforms</li><li>Agencies creating landing pages or marketing websites</li><li>Designers who want to prototype visually without writing code</li><li>Entrepreneurs looking to launch pages quickly but keep control over the final HTML/CSS</li></ul>Blocky helps you design visually while staying close to the code — no bloated styles, no messy overrides. <h2>🚀 Get Started Today</h2><ol><li>Purchase <a href="https://gjs.market/products/plugin-blocky-for-tailwind-css" rel="noopener noreferrer" target="_blank">Blocky for GrapesJS Tailwind CSS</a> from GJS.Market.</li><li>Add the plugin to your GrapesJS configuration.</li><li>Open the editor and explore the new Tailwind Blocks collection.</li><li>Start building beautiful, responsive pages in minutes.</li></ol><h3>🏁 The Power of Tailwind + GrapesJS + Blocky</h3>With Tailwind CSS, you get the flexibility of utility classes.With GrapesJS, you gain a visual builder.And with Blocky, you combine the best of both worlds — a fast, modular design system inside a visual editor.Design smarter. Build faster.Blocky for Tailwind CSS — your shortcut to stunning GrapesJS websites.

Build Tailwind CSS websites faster in GrapesJS with 40+ ready-made responsive blocks. Drag, drop, and customize with Blocky Plugin.

Hundreds of GrapesJS plugins & tools for every project

GrapesJS Marketplace

Latest from the Developer Hub

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

Best GrapesJS Plugins in 2025 (Updated List)

Blocky Plugin — 40+ Ready-Made Tailwind CSS Blocks for GrapesJS

Explore the best tools and plugins for GrapesJS

Hundreds of GrapesJS plugins & tools for every project

GrapesJS Marketplace

Latest from the Developer Hub

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

Best GrapesJS Plugins in 2025 (Updated List)

Blocky Plugin — 40+ Ready-Made Tailwind CSS Blocks for GrapesJS

Explore the best tools and plugins for GrapesJS

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉