diff --git a/Document-Processing/Excel/Spreadsheet/React/images/spreadsheet_richtext.gif b/Document-Processing/Excel/Spreadsheet/React/images/spreadsheet_richtext.gif
new file mode 100644
index 000000000..f76c1bdf5
Binary files /dev/null and b/Document-Processing/Excel/Spreadsheet/React/images/spreadsheet_richtext.gif differ
diff --git a/Document-Processing/Excel/Spreadsheet/React/rich-text-formatting.md b/Document-Processing/Excel/Spreadsheet/React/rich-text-formatting.md
new file mode 100644
index 000000000..110ff8b8c
--- /dev/null
+++ b/Document-Processing/Excel/Spreadsheet/React/rich-text-formatting.md
@@ -0,0 +1,78 @@
+---
+layout: post
+title: Rich Text Formatting in React Spreadsheet component | Syncfusion
+description: Learn how to apply rich text formatting in Syncfusion React Spreadsheet component of Syncfusion Essential JS 2 and more.
+control: Formatting
+platform: document-processing
+documentation: ug
+---
+
+# Rich Text Formatting
+
+Rich text formatting allows you to apply different styles to specific portions of text within a single cell to improve readability and presentation. Currently, only subscript and superscript formatting are supported, and other style formats through richText are not available.
+
+In the **Syncfusion React Spreadsheet**, rich text formatting is supported through the [`richText`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/index-default#richtext) property of the cell model. This property lets you define multiple text segments inside a cell, where each segment can have its own style.
+
+## Rich Text Structure
+
+Each `richText` segment contains:
+
+- `text` – Specifies the content of the segment
+- `style` – Defines formatting using the [`CellStyleModel`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet/cellstylemodel)
+
+## Subscript and Superscript
+
+Subscript and superscript formatting are supported as part of rich text formatting and can be applied to specific portions of text within a cell.
+
+To apply these formats, use the verticalAlign property within the style of a rich text segment:
+
+Set `verticalAlign: 'super'` for superscript and `verticalAlign: 'sub'` for subscript.
+
+#### How to Apply Subscript and Superscript
+
+You can apply subscript and superscript formatting in following ways:
+
+1. Select the desired portion of text within a cell, then click the Subscript or Superscript option in the ribbon to apply the formatting.
+
+
+
+2. You can define the richText property directly while initializing the Spreadsheet. This is useful when you want the formatting to be applied when the data is loaded.
+
+```javascript
+ cells: [
+ {
+ value: 'H2O',
+ richText: [
+ { text: 'H' },
+ { text: '2', style: { verticalAlign: 'sub' } },
+ { text: 'O' }
+ ]
+ }
+ ]
+```
+
+3. You can also apply subscript and superscript dynamically using the updateCell method.
+
+```javascript
+ spreadsheet.updateCell({ value: 'X2', richText: [
+ { text: 'X' },
+ { text: '2', style: { verticalAlign: 'super' } }
+ ] }, 'A5');
+```
+
+The following code example shows the subscript and superscript formatting in cells of the spreadsheet.
+
+{% tabs %}
+{% highlight js tabtitle="app.jsx" %}
+{% include code-snippet/spreadsheet/react/richtext-format-cs1/app/app.jsx %}
+{% endhighlight %}
+{% highlight ts tabtitle="app.tsx" %}
+{% include code-snippet/spreadsheet/react/richtext-format-cs1/app/app.tsx %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "/document-processing/code-snippet/spreadsheet/react/richtext-format-cs1" %}
+
+## Limitations
+* **Limited formatting support:** Only subscript and superscript formatting are supported within rich text. Other formatting options such as font size, font color, and font weight are not supported.
+* **Edit mode requirement:** Formatting can be applied only while the cell is in edit mode. Selecting text outside of edit mode does not support subscript or superscript formatting.
\ No newline at end of file
diff --git a/Document-Processing/code-snippet/spreadsheet/react/richtext-format-cs1/app/app.jsx b/Document-Processing/code-snippet/spreadsheet/react/richtext-format-cs1/app/app.jsx
new file mode 100644
index 000000000..dabc734fb
--- /dev/null
+++ b/Document-Processing/code-snippet/spreadsheet/react/richtext-format-cs1/app/app.jsx
@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
+
+function App() {
+ const spreadsheetRef = React.useRef(null);
+ const sheets = [
+ {
+ columns: [{ width: 200 }],
+ rows: [
+ { cells: [{ value: 'Plain Text' }] },
+ {
+ cells: [
+ {
+ value: 'Mineral Water H2O',
+ richText: [
+ { text: 'Mineral Water H' },
+ { text: '2', style: { verticalAlign: 'sub' } },
+ { text: 'O' }
+ ]
+ }
+ ]
+ },
+ {
+ cells: [
+ {
+ value: 'Energy Supplement C6H12O6',
+ richText: [
+ { text: 'Energy Supplement C' },
+ { text: '6', style: { verticalAlign: 'sub' } },
+ { text: 'H' },
+ { text: '12', style: { verticalAlign: 'sub' } },
+ { text: 'O' },
+ { text: '6', style: { verticalAlign: 'sub' } }
+ ]
+ }
+ ]
+ },
+ { cells: [{ value: 'H2O' }] },
+ ]
+ }
+ ];
+
+ const onCreated = () => {
+ const spreadsheet = spreadsheetRef.current;
+ if (!spreadsheet) return;
+ spreadsheet.updateCell({ richText: [{text: 'H'},{ text: '2', style: { verticalAlign: 'sub' } }, { text: 'O' }
+ ] }, 'A4');
+ spreadsheet.updateCell({ value: 'X2', richText: [
+ { text: 'X' },
+ { text: '2', style: { verticalAlign: 'super' } }
+ ] }, 'A5');
+ };
+
+ return (
+