diff --git a/scripts/apps/authoring-react/authoring-integration-wrapper.tsx b/scripts/apps/authoring-react/authoring-integration-wrapper.tsx
index 73cb637dff..bea368ab5b 100644
--- a/scripts/apps/authoring-react/authoring-integration-wrapper.tsx
+++ b/scripts/apps/authoring-react/authoring-integration-wrapper.tsx
@@ -34,6 +34,8 @@ import {dispatchInternalEvent} from 'core/internal-events';
 import {IArticleActionInteractive} from 'core/interactive-article-actions-panel/interfaces';
 import {ARTICLE_RELATED_RESOURCE_NAMES} from 'core/constants';
 import {IProps} from './authoring-angular-integration';
+import {showModal} from '@superdesk/common';
+import ExportModal from './toolbar/export-modal';
 
 function getAuthoringActionsFromExtensions(
     item: IArticle,
@@ -103,6 +105,30 @@ function getPublishToolbarWidget(
     return publishWidgetButton;
 }
 
+const getExportModal = (
+    getLatestItem: () => IArticle,
+    handleUnsavedChanges: () => Promise<IArticle>,
+    hasUnsavedChanges: () => boolean,
+): IAuthoringAction => ({
+    label: gettext('Export'),
+    onTrigger: () => {
+        const openModal = (article: IArticle) => showModal(({closeModal}) => {
+            return (
+                <ExportModal
+                    closeModal={closeModal}
+                    article={article}
+                />
+            );
+        });
+
+        if (hasUnsavedChanges()) {
+            handleUnsavedChanges().then((article) => openModal(article));
+        } else {
+            openModal(getLatestItem());
+        }
+    },
+});
+
 interface IPropsWrapper extends IProps {
     onClose?(): void;
     getInlineToolbarActions?(options: IExposedFromAuthoring<IArticle>): {
@@ -228,7 +254,14 @@ export class AuthoringIntegrationWrapper extends React.PureComponent<IPropsWrapp
                             onEditingEnd={(article) => {
                                 dispatchCustomEvent('articleEditEnd', article);
                             }}
-                            getActions={({item, contentProfile, fieldsData}) => {
+                            getActions={({
+                                item,
+                                contentProfile,
+                                fieldsData,
+                                getLatestItem,
+                                handleUnsavedChanges,
+                                hasUnsavedChanges,
+                            }) => {
                                 return Promise.all([
                                     getAuthoringActionsFromExtensions(item, contentProfile, fieldsData),
                                     getArticleActionsFromExtensions(item),
@@ -236,6 +269,7 @@ export class AuthoringIntegrationWrapper extends React.PureComponent<IPropsWrapp
                                     const [authoringActionsFromExtensions, articleActionsFromExtensions] = res;
 
                                     return [
+                                        getExportModal(getLatestItem, handleUnsavedChanges, hasUnsavedChanges),
                                         ...authoringActionsFromExtensions,
                                         ...articleActionsFromExtensions,
                                     ];
diff --git a/scripts/apps/authoring-react/toolbar/export-modal.tsx b/scripts/apps/authoring-react/toolbar/export-modal.tsx
new file mode 100644
index 0000000000..93dacb2199
--- /dev/null
+++ b/scripts/apps/authoring-react/toolbar/export-modal.tsx
@@ -0,0 +1,126 @@
+import {httpRequestJsonLocal} from 'core/helpers/network';
+import {Spacer} from 'core/ui/components/Spacer';
+import {gettext} from 'core/utils';
+import React from 'react';
+import {IArticle, IArticleFormatter, IRestApiResponse} from 'superdesk-api';
+import {Modal, Select, Switch, Option, Button} from 'superdesk-ui-framework/react';
+
+interface IProps {
+    closeModal(): void;
+    article: IArticle;
+}
+
+interface IStateLoading {
+    initialized: false;
+}
+
+interface IStateLoaded {
+    initialized: true;
+    validate: boolean;
+    selectedFormatter: string | null;
+    availableFormatters: Array<any> | null;
+}
+
+type IState = IStateLoaded | IStateLoading;
+
+export default class ExportModal extends React.PureComponent<IProps, IState> {
+    constructor(props: IProps) {
+        super(props);
+
+        this.state = {
+            initialized: false,
+        };
+
+        this.exportArticle = this.exportArticle.bind(this);
+    }
+
+    componentDidMount(): void {
+        httpRequestJsonLocal<IRestApiResponse<IArticleFormatter>>({
+            method: 'GET',
+            path: '/formatters',
+            urlParams: {
+                criteria: 'can_export',
+            },
+        }).then((result) => {
+            this.setState({
+                ...this.state,
+                initialized: true,
+                availableFormatters: result._items,
+            });
+        });
+    }
+
+    private exportArticle() {
+        if (this.state.initialized) {
+            return httpRequestJsonLocal({
+                method: 'POST',
+                path: '/export',
+                payload: {
+                    item_ids: [this.props.article._id],
+                    validate: this.state.validate,
+                    format_type: this.state.selectedFormatter,
+                },
+            }).then((response: any) => {
+                window.open(response.url);
+                this.props.closeModal();
+            });
+        }
+    }
+
+    render(): JSX.Element {
+        const state = this.state;
+
+        if (!state.initialized) {
+            return null;
+        }
+
+        return (
+            <Modal
+                size="medium"
+                onHide={this.props.closeModal}
+                visible
+                zIndex={1050}
+                headerTemplate={gettext('Export')}
+            >
+                <Spacer v gap="32">
+                    <Select
+                        value={state.selectedFormatter}
+                        onChange={(value) => this.setState({...state, selectedFormatter: value})}
+                        label={gettext('Formatters')}
+                    >
+                        <Option />
+                        {
+                            state.availableFormatters.map(({name}) => {
+                                return (
+                                    <Option
+                                        key={name}
+                                    >
+                                        {name}
+                                    </Option>
+                                );
+                            })
+                        }
+                    </Select>
+                    <Switch
+                        label={{text: gettext('Validate'), side: 'left'}}
+                        value={state.validate}
+                        onChange={(value) => this.setState({...state, validate: value})}
+                    />
+                    <Spacer h gap="8" justifyContent="end" noGrow>
+                        <Button
+                            onClick={() => this.exportArticle()}
+                            type="primary"
+                            text={gettext('Export')}
+                            disabled={state.selectedFormatter?.length > 0}
+                        />
+                        <Button
+                            onClick={() => this.props.closeModal()}
+                            type="default"
+                            text={gettext('Cancel')}
+                        />
+                    </Spacer>
+                </Spacer>
+            </Modal>
+        );
+    }
+}
diff --git a/scripts/core/superdesk-api.d.ts b/scripts/core/superdesk-api.d.ts
index 658df97261..a9f8ffe572 100644
--- a/scripts/core/superdesk-api.d.ts
+++ b/scripts/core/superdesk-api.d.ts
@@ -874,6 +874,10 @@ declare module 'superdesk-api' {
 
     export type IPropsLockInfo<T extends ILockInfo> = IPropsLockInfoReadOnly<T> | IPropsLockInfoCanUnlock<T>;
 
+    export interface IArticleFormatter extends IBaseRestApiResponse {
+        name: string;
+    }
+
     export interface IArticle extends IBaseRestApiResponse {
         _id: string;
         _current_version: number;