Roadmap for Syncfusion^® React Components

Barcode Generator

PDF417 barcode

This feature adds support for generating PDF417 barcodes with text, byte, and numeric compaction modes and configurable error correction levels. It enables high-capacity encoding for use cases such as identification cards, shipping labels, and boarding passes.

GS1 barcode support

GS1-128 barcodes and GS1 modes for data matrices and QR codes can be generated with built-in Application Identifier (AI) parsing, data validation, and automatic check digit calculation. This ensures standards-compliant barcodes for retail, healthcare, and supply chain applications.

Aztec barcode

This feature adds support for generating Aztec barcodes with optimized high-level encoding, configurable error correction, and automatic layer selection. Aztec codes provide compact, reliable encoding for tickets, transport passes, and mobile scanning scenarios.

Data Grid

Tool panel

Provides a centralized sidebar for managing Data Grid configurations and data operations. Key capabilities include column chooser for visibility and ordering, filtering for advanced data refinement, grouping, and aggregate options for organizing and summarizing data.

Built-in date range filter

Provides commonly used date selections, including relative and custom ranges, to simplify filtering and accelerate date-based data analysis.

Find and highlight search value

Highlights matching values in grid cells during search operations, improving result visibility and enabling faster identification of relevant data.

Form Builder

AI assistance

AI-powered capabilities simplify form creation through natural-language prompts and intelligent field recommendations. These enhancements help users design comprehensive forms more efficiently while reducing manual effort.

Page support

Paging capabilities allow large forms to be organized into multiple steps or sections, creating a more structured and user-friendly form experience. This feature will enable seamless navigation, progress tracking, and page-level validation for complex forms.

File Manager

AI-powered file search

Enables searching for files using AI-generated tags in addition to file names, making it easier to find images, videos, and other files. AI automatically generates relevant tags based on file type and content, improving search accuracy and file discovery.

Move support

Users can move files and folders between directories using a familiar move workflow with a context menu, making it easier to restructure and organize content as projects grow.

Programmatic access to loaded files

Retrieves all files and folders from the current directory or a specified folder path through a dedicated API, enabling custom integrations and greater control over file handling within the application.

Pivot Table

Real-time scrolling with virtual scrolling

Enables smooth, real-time scrolling for large Pivot Table datasets with virtual scrolling support. It improves responsiveness by rendering only the visible data while preserving fluid navigation across extensive analytical reports.

Multiple values with independent aggregations

Allows the same field to be added multiple times in the values section, with each instance maintaining its own aggregation settings. This provides greater flexibility for comparing different summaries of the same source measure within a single Pivot Table.

Custom data server

Enables Pivot Table operations to connect to a custom data server for data loading and processing. It supports server-side handling of large datasets to improve scalability and integrate with analytical workflows.

Secure shareable reports

Enables users to create and securely share Pivot Table reports. It supports controlled sharing of analytical content while preserving access to the report view.

Flat analytical table view

Adds a flat analytical table view for Pivot Table data, allowing users to switch from the Pivot view to a flat grid that renders raw data in a tabular format. It provides a simple way to analyze detailed records alongside pivot-based summaries within the same experience.

Block Editor

Headless editing framework integration with block editor

The block editor will be integrated with the headless editing framework to provide a unified and extensible editing foundation. This integration enables consistent document editing capabilities, better feature reuse, simplified maintenance, and a scalable architecture for future enhancements across editing experiences.

WebMCP support

Exposes the block editor’s editing capabilities as WebMCP tools, enabling AI agents running in the browser to read, insert, and format content in a structured and reliable way. This provides a foundation for building intelligent, AI-assisted editing experiences.

Modern Rich Text Editor

AI assistant

Provides built-in AI assistance to generate, rewrite, summarize, translate, and refine content directly within the editor. It supports custom AI provider integration, enabling users to create high-quality content faster and with less effort.

Real-time collaboration

Enables multiple users to edit the same document simultaneously with live synchronization, user presence indicators, and conflict-free change merging. This provides a seamless collaborative editing experience for teams working together on shared content.

Comments

Provides contextual commenting support to add, reply to, resolve, and manage comment threads on selected content. This enables teams to share feedback and complete review workflows without leaving the editor.

Track changes

Tracks content changes such as insertions, deletions, and formatting updates with author details, allowing reviewers to accept or reject changes individually or all at once. This provides a reliable way to review and manage content revisions in collaborative workflows.

Version history

Maintains a history of document versions, enabling users to view, compare, and restore earlier versions of the content. This provides better control over content changes and helps recover previous work whenever needed.

Import and export

Supports importing Word documents into the editor and exporting editor content to Word and PDF formats while preserving formatting, tables, and images. This enables smooth content exchange between the editor and commonly used document formats.

Enhanced paste

Supports accurate pasting of content from Microsoft Word, Excel, Google Docs, and webpages, with options to keep formatting, merge formatting, or paste as plain text. This ensures pasted content remains consistent with the editor’s styling and structure.

Custom block node

Enables developers to define custom block types with their own rendering, behavior, and interactions. This provides the flexibility to extend the editor with application-specific content such as callouts, cards, and embedded widgets.

Form support

Enables users to add form elements to editor content to build fillable templates and documents. This provides a simple way to create interactive content for data collection and template-based workflows.

Mention

Provides mention support to tag users or other entities within the editor content by typing a trigger character, with filtering and customizable item templates. This makes it easier to reference people and items in collaborative content.

Code block language selection

Enhances code blocks with a language dropdown and corresponding syntax highlighting, making technical content easier to read and understand. This improves the authoring experience for developer documentation and technical articles.

Advanced table editing

Enhances table editing with quick actions, cell merge and split, and dashed border and alternate row styles. This enables users to create and manage well-structured, visually appealing tables with ease.

WebMCP support

Exposes the editor’s editing capabilities as WebMCP tools, enabling AI agents running in the browser to read, insert, and format content in a structured and reliable way. This provides a foundation for building intelligent, AI-assisted editing experiences.

AI Assistview

Redesigned UI

Delivers a refreshed visual design for the AI AssistView, featuring a modern layout, improved spacing, and refined interaction patterns. The updated experience makes conversations easier to follow and scan, and provides a more polished, intuitive interface from the first prompt.

AI provider integration

Provides ready-to-use integration with popular AI providers, enabling connection to their preferred models with minimal setup. It reduces boilerplate and gives teams the flexibility to switch or combine providers without reworking their UI.

Conversation history

Enables browsing, searching, and resuming past conversations directly within the component. Persistent history preserves context across sessions, reduces redundant prompting, and lets users pick up previous work exactly where they left off.

Approval interface and user input for missing information

Introduces built-in interfaces for approving AI-proposed actions and for collecting missing details the AI needs to proceed. Keeping users in control of sensitive operations and allowing the AI to request clarification mid-flow result in safer, more accurate outcomes.

External tool integration using MCP

Enables connecting to external tools and data sources through the Model Context Protocol (MCP). Developers can extend the AI’s capabilities with standardized, reusable integrations, enabling responses that act on real systems and provide up-to-date information.

Mermaid and math rendering

Renders Mermaid diagrams and mathematical expressions directly in AI responses. Visual diagrams and properly formatted equations make technical, educational, and analytical answers clearer and easier to understand.

Tool activity display

Shows which tools the AI invokes, along with their status and results, directly in the conversation. Making tool usage visible builds user trust, simplifies debugging, and helps users understand how a response was produced.

Pure React

Common

Web MCP server

Enables seamless integration with AI models for Pure React components and applications through the Model Context Protocol.

Theme Studio support

Allows users to create and customize themes visually with a dedicated design interface for Pure React components.

New components

Query Builder

Enables users to build complex search queries visually with a user-friendly interface for advanced filtering and data retrieval.

Color Picker

Offers multiple selection modes, color-space support, and preview capabilities for seamless color selection and management.

Avatar

Displays user profile images, initials, or default placeholders with customizable sizes and styles.

Badge

Provides badges in various styles and colors, with support for status indicators to highlight important information.

Card

Features flexible layouts, plus header, footer, and content sections for creating organized information containers.

Breadcrumb

Displays navigation paths with customizable separators and click handlers for easy navigation.

Mention

Supports mentioning users or items in text inputs with autocomplete functionality for enhanced user interaction.

Masked Text Box

Enforces input formatting with customizable mask patterns and validation to ensure data consistency.

Progress Bar

Offers various styles, animated progress indication, and different states to visualize task completion.

Slider

Supports single and range selection, step intervals, and customizable markers for intuitive value selection.

Smart Paste Button

Intelligently handles clipboard operations with support for multiple data formats for flexible data import.

Smart TextArea

Provides enhanced features like auto-resize, format support, and input validation for improved text editing.

Sankey Diagram

Lets users visualize flows and relationships between entities, with link widths representing quantitative values, making distributions and data movement easier to understand.

Stock Chart

Provides interactive financial data visualization with support for technical indicators, trendlines, range selection, and zooming to help analyze market trends and historical performance.

Charts

Legend template

Allows customization of legend items using templates, enabling rich content such as icons, images, custom text, and complex layouts within the chart legend.

Legend layout

Provides flexible legend arrangement options, including wrapping, alignment, paging, and orientation, to accommodate varying numbers of slices and diverse layout requirements.

Lazy loading

Loads chart data on demand to improve performance when working with large datasets by reducing initial render time and memory consumption.

Split tooltip

Displays separate tooltips for each series at a shared data point, improving readability and making it easier to analyze data across multiple series.

Pie Charts

Legend template

Allows customization of legend items using templates, enabling rich content such as icons, images, custom text, and complex layouts within the chart legend.

Legend layout

Provides flexible legend arrangement options, including wrapping, alignment, paging, and orientation, to accommodate varying numbers of slices and diverse layout requirements.

Nested donut

Allows multiple concentric doughnut series to be rendered within a single chart, enabling the visualization of hierarchical or related datasets.

Linear and radial gradient

Provides linear and radial gradient fill support for pie and doughnut slices, improving visual appeal and enhancing slice differentiation.

Data Grid

Adaptive rendering

Provides optimized layouts for both vertical and horizontal data presentation, automatically adapting the grid experience across desktop, tablet, and mobile devices to improve readability and navigation.

Built-in date range filter

Provides commonly used date selections, including relative and custom ranges, to simplify filtering and accelerate date-based data analysis.

Advanced filtering with query builder

Provides an intuitive visual interface for creating complex filter criteria using multiple conditions, operators, and logical expressions for advanced data filtering.

Charts

X-axis null value support

Provides support for handling null or missing x-axis values, allowing charts to accurately render datasets with gaps while maintaining proper data visualization.

Enhanced pie and doughnut data labels

Enhances the positioning of outside data labels in pie and doughnut charts to better utilize available space, reducing label overlap and truncation for improved readability.

Non-decimal axis labels

Allows non-decimal axis labels, including integer, currency, and custom-formatted values, to be displayed without generating duplicate labels, ensuring accurate and clean axis rendering.

Smart data labels

Automatically repositions data labels to prevent overlapping with neighboring labels and chart elements, improving data visibility and presentation.

Chart performance improvements

Improves chart rendering and interaction performance, delivering faster initial load times and smoother user experiences during zooming, panning, and tooltip interactions.

Accumulation charts

Enhanced smart data labels

Enhances data label positioning in accumulation charts by automatically reducing overlaps and collisions, improving label readability and chart clarity.

Maps

Shape coordinate access

Provides x- and y-coordinates in the shapeSelected event, enabling precise positioning of overlays, annotations, and custom UI elements relative to selected map shapes.

HeatMap Chart

Custom data access in tooltips

Allows access to custom data fields within the tooltipRender event, enabling the display of context-specific information in tooltips.

Stock Chart

Drawing tools

Provides interactive drawing and annotation tools, including lines, arrows, rectangles, and ellipses, enabling users to mark up charts for technical analysis and data review.

Performance improvements

Improves Stock Chart rendering and interaction performance, delivering faster initial loading and smoother navigation when working with financial datasets.

Data aggregation support

Provides data aggregation capabilities for large datasets by grouping data points over configurable intervals, improving rendering performance and maintaining meaningful data visualization.