In this post, I'll walk you through the highlights of our latest release to the Studio SDK, or pro version of GrapesJS. We've worked hard over the past month to bring you powerful new features and performance enhancements. From React 19 support to TinyMCE integration, this release is all about making development smoother, faster, and more intuitive.
React 19 Support - Seamless Integration with Next.js 15
We're excitied to annouce that our Studio SDK now supports React 19 out of the box! This makes it easier than ever to integrate with modern frameworks like Next.js 15 giving you the flexibility to work with the latest tools without compatibility issues. We recommend all users to upgrade to the newest version of the Studio SDK to get access to this.
New Icon Component - Access 200,000+ Icons Instantly
We've introduced a new Icon Component plugin, powered by Iconify collections, providing access to 200,000+ open-source vector icons directly within the editor. This addition simplifies the process of customizing your projects with high-quality icons, but also allows your users immediate access to the extremely large library.
VirtualList Component - Massive Performance Boost for Large Lists
The new VirtualList component renders only the visible items, drastically improving speed and responsiveness when dealing with large datasets.
New Components Documentation - Detailed Customization Guides
We're excited to launch our New Components Documentation page, offering comprehensive details on GrapesJS properties and customization options. This documentation will help you get the most out of the latest features and tailor them to your project's needs.
TinyMCE Integration - Full Control Rich-Text Editing
Introducing our latest rich text editor integration, TinyMCE. Its designed to give you a powerful rich-text editor with minimal configuration, and a great alternative to ProseMirror. Many folks have a preference to their preferred rich text editor. Now, you can choose which rich text editor best suits the needs of your team and customers. This integration offers:
- Advanced formatting options
- Custom plugin support
- Seamless toolbar configuration
With full control over your editing experience, you can now configure rich-text capabilities to fit your project's exact needs.
Final Thoughts
This release focused on performance, usability, and developer flexibility. With key updates like:
- React 19 support for seamless modern framework integration
- Iconify-powered icon picker for easy customization
- VirtualList component for optimized performance
- Comprehensive component documentation
- TinyMCE integration for enhanced text editing
You have everything you need to build stunning high-performance applications for both web, email, and documents, and we look forward discussing our newest features next month with you.
We're excited to see what you build with these new features! 🚀