Grapes Studio Inc

🚀 We're thrilled to announce the first public alpha release of the Studio SDK! 🍇✨ If you love GrapesJS Studio (https://lnkd.in/dP3Yp3c3), you can now integrate the same powerful editing experience into your applications. 💡 What the alpha release offers: * Sign up and create a new license from our dashboard: https://app.grapesjs.com * Download the Studio SDK from npm: `@grapesjs/studio-sdk` * Embed the editor for web projects (newsletter editor coming soon) * Host your users' assets/projects on your infrastructure (no lock-in) * Use GrapesJS API to create custom blocks/components ⚠️ Please note: The alpha is not suitable for production. Our goal is to gather initial feedback about the SDK, so we encourage you to try it in your development or staging environment. If you want more information about the SDK or would like to be contacted, please fill out this form: https://lnkd.in/d8mhC4pA Additionally, we’re seeking strong B2B partners who can integrate and distribute the SDK within their platforms to empower their customers and users. We can't wait to hear your thoughts and see how you'll leverage our Studio SDK!

Since releasing the GrapesJS Studio SDK, we've gathered some great feedback but also a lot of questions. This is why we wanted to dedicate a blog post with more context and details about what it's all about, and our future plans! 🔗 Read the full blog post: https://lnkd.in/dwyXV9Mx

Are you tired of your drag-and-drop editors getting messed up by inexperienced users? In this video, I'll show you how to create dynamic blocks in GrapesJS that eliminate human error and enhance your web layout. We'll dive into creating a MenuCard block with a fixed layout, dynamically updating list items from a JSON file, and ensuring a scalable and centralized data management approach. Video: https://lnkd.in/gkUseWQN In this tutorial, you will learn: 🌟 How to set up basic blocks in GrapesJS. 🌟 Adding styles to keep the editor interface clean and user-friendly. 🌟 Creating and using a JSON file for dynamic content. 🌟 Handling state and selection in your GrapesJS editor. 🌟 Dynamically rendering components and updating block content. 🔧 Tools and technologies used: GrapesJS, React, and JSON! This video is perfect for web designers, developers, and anyone using GrapesJS to create customizable and robust drag-and-drop editors. Even if you're not a designer or engineer, you'll find it easy to follow along and implement these features in your projects. #grapesjs #development #productdesign #designsystems #webdesign #webdevelopment #modernframeworks #draganddrop #webeditors #react #reactcomponents #css

I'm sharing the final part of my video tutorial on integrating GrapesJS with React! I've built a simple demo where you can play with GrapesJS blocks, render them with custom React components, and get ready-to-use React Markup code. App: https://gjs.blocksin.com/ This could be a great prototyping tool, helping you create high-fidelity, interactive React prototypes faster. It can improve user testing and provide more reliable data for your products. What do you think? Could this be a new Deisgn-Prototyping tool? To see the full Video Tutorial go here: https://lnkd.in/gbrBrR_f #productdesign #productdevelopment #softwaredesign #grapesjs #react #opnesource #prototyping #design #figma

Sebastian did fantastic work on integrating GrapesJS into WordPress! 👏👏👏 This could mark the beginning of a new era, offering an open and extendable editing experience for all WordPress users. 🍇🔌

Thrilled to see GrapesJS trending on GitHub this week! 🍇🥳🍇

🚀 Exciting news! We’ve just released a new update for GrapesJS Studio, and there are some important changes you should know about. 🌟 First, we’ve moved to a new URL! The latest version of GrapesJS Studio is now live at https://lnkd.in/dd4d3dYf. The old URL (studio.grapesjs.com) will no longer receive updates, so make sure to switch to the new one to stay current with all the latest features and improvements. ✨ What’s new in this update? - Symbols (available from the latest GrapesJS release): Now you can create and reuse components across your pages, making your workflow more efficient and consistent. - Custom Attributes: We’ve added the ability to define custom attributes, giving you even more control over any element for any specific use case. - Bug Fixes: We've squashed some pesky bugs to improve your experience and ensure smoother operation. We’re continuously working to improve GrapesJS Studio, and your feedback is invaluable to us. Check out the new features and let us know what you think! 🍇 The best part: all these great features can be embedded in external applications via our Studio SDK! The Studio SDK allows you to integrate the powerful editing capabilities of GrapesJS Studio directly into your platform, providing a seamless experience for your users. 🔌 You can try the Studio SDK here: https://app.grapesjs.com If you have any specific use case, tell us more about your project and we'll reach out to you as soon as possible: https://lnkd.in/dyVTB4Qv

OCV is proud to announce the launch of our newest portfolio company, Grapes Studio Inc., a no-code editor built on the open-source framework GrapesJS. Led by GrapesJS creator, Artur Arseniev, Grapes Studio will build on the GrapesJS open-source core to create a SaaS application for the popular framework. In addition to Grapes Studio, Artur plans to build Studio SDK, an embeddable version of Grapes Studio. Both are multi-purpose editors that bring all web-related needs into a single interface from website creation to newsletters, invoicing, and more. https://lnkd.in/gfMjQmyP

🍇 GrapesJS v0.21.11 is out now! 🥳 Discover new APIs, including Symbols for reusable components, and enhanced support for importing full document HTML. Check out the release notes for all the details: https://lnkd.in/dsrCJwH9