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!

Is your website’s performance holding you back? 🤔 Slow-loading websites can cost you up to 200% in lost conversions. In our latest blog post, we dive into how factors like your choice of website builder and static asset management impact your site's speed—and ultimately, the conversion rate. 🚀 We also share some practical tips on how to boost your website’s performance, whether you're running a marketing site, blog, or e-commerce store. Don't let a slow website cost you customers. Check out the full post here: https://lnkd.in/db-CnqTV

🍇💜

🌐 Unleashing the Full Potential of GrapesJS with MJML 🚀 Everyone’s talking about GrapesJS as a fantastic web builder, but there’s a game-changing aspect that often goes unnoticed: Integrating GrapesJS with MJML. Why is this so important? By combining the flexibility of GrapesJS with the responsive email capabilities of MJML, we’re unlocking a whole new level of design freedom. This integration allows you to craft stunning, mobile-responsive emails with the same ease you create web pages! At Retainful we’ve harnessed this power to bring our users an unparalleled experience in email marketing. Our platform lets you design, automate, and optimize email campaigns with intuitive drag-and-drop ease, thanks to the synergy of Grapes Studio Inc 💡 Why Choose Retainful? • Seamless email design with GrapesJS + MJML. • Mobile-responsive templates that look great on any device. • Effortless automation for cart recovery, post-purchase follow-ups, and more. Don’t just build—create with the best tools available. Discover the untapped potential of GrapesJS and MJML with Retainful. Check us out at www.retainful.com and see how we’re transforming email marketing! #GrapesJS #MJML #EmailMarketing #WebDesign #Retainful #Ecommerce #CustomerEngagement

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