🚀 New in Studio SDK: Grid Mode Plugin. CSS Grid just got a whole lot easier. With the new Grid Mode plugin, your users can visually manage grid layouts, rearrange and resize items directly in the canvas — no guesswork, just drag-and-drop simplicity. Import your HTML with a CSS

We've been hacking on the DataSources module in GrapesJS. Not done yet, but it's already looking pretty damn good.

I've just building my own page builder using Vite, React, GrapesJS, and TailwindCSS. This powerful tool comes equipped with an image editor. #WebDevelopment #ReactJS #ViteJS #GrapesJS #TailwindCSS #JavaScript #FrontendDevelopment #WebDesign #ImageEditor #PageBuilder

Sneak peak into Citra 🍊 . Customizing the style panel with @grapesjs was a breeze! Lots of features out of the box.

A bunch of users asked for eCommerce and I’ve finally got the first version live 🙌. You can now list your products and get orders on your InstaWebAI site, powered by @strapijs and @grapesjs . Still a work in progress, but we’re getting there

🍇 New Plugin Drop: Animation Component!. We just released a new plugin that makes it easy to add scroll-based animations to your pages. ✅ Add animations visually.✅ Trigger on scroll.✅ Chain animations in groups with staggered effects.✅ Provide your own custom animations. We

🍇 New in Studio SDK: Data Sources. Design dynamic, data-powered content, without writing a single line of code. With Data Sources, your users can now:.✦ Bind data directly to components.✦ Add conditional logic.✦ Loop over collections.✦ Export either resolved content or

GrapesJS : un Web Builder Open Source de création de sites web, permettant de construire des modèles HTML facilement.

🍇 Introducing the Document project type in Studio! 🖨️. Building print-ready layouts just got easier with our new Document mode. It’s perfect for things like:. • Invoices. • Business cards. • Badges. • Labels. ✅ Built on top of simple HTML, so your document templates stay

🚀 Big news for the Studio SDK! 🍇. We’ve just released the React Renderer plugin, and it unlocks some incredible possibilities:.✨ Swap out the default GrapesJS renderer with React, thanks to the new API we recently added. ⚛️ Work with any React component directly in the editor,

@datadivas_hq

🎯 New Plugin: Absolute Mode – for full layout control!. Most web design tools focus on responsive, flow-based layouts. But sometimes you need pixel-perfect positioning. Introducing our new Absolute Mode plugin for the Studio SDK — perfect for:. 🧾 Designing documents.🖨️ Print

🍇 Revamping Our Free Website & Newsletter Builders 🚀. Recently, we switched our website’s "Try the Editor" CTA from the Studio demo to the SDK Playground to better showcase what we’re offering. But we noticed that a lot of people were actually using our free builders to create

🍇 Now Supporting Custom Fonts in Studio SDK! 🅰️ . Until now, the editor shipped with a limited set of system fonts like Arial and Times New Roman (🤮). Starting today, you can fully customize the fonts available in your editor projects. Whether you want to preload custom fonts

Po delší době menší update! . Jelikož jsem línej člověk, tak jsem si místo ručního psaní HTMLka pro ten dashboard rozjel GrapesJS editor, ohnul ho do djanga a začal k němu psát vlastní pluginy a budu si moc klikat.

#开源分享 grapesjs：免费的可视化 Web 页面构建平台。该项目通过直观的可视化界面，让用户能够通过拖拽的方式，快速设计和构建网站的 HTML 模板。它所见即所得、移动端适配，适用于官网、新闻和 CMS 等类型的网站。.

Breaking Edust GrapesJS again! 🚀 But this time, we're converting it into Next.js! ⚡

🧪✨ We just leveled up the Studio SDK Playground!. Now it's ridiculously easy to embed your own editor:. 🎨 Pick from 20+ pre-made theme presets (no more staring at color palettes).🧩 Browse our growing plugin library.⚡ Copy the ready-to-go code and drop it straight into your

Pretty cool how easy inheritance is with @grapesjs. All that's needed is to use the "extend" property in a new component and override any of the parent's properties. Re-using made easy 🔁 . In the example below, I turn a link component into a button.