diff --git a/packages/docusaurus/package.json b/packages/docusaurus/package.json
index d8e7fdb2a2..0660503c94 100644
--- a/packages/docusaurus/package.json
+++ b/packages/docusaurus/package.json
@@ -98,6 +98,7 @@
     "react-router": "^5.2.0",
     "react-router-config": "^5.1.1",
     "react-router-dom": "^5.2.0",
+    "remark-admonitions": "^1.2.1",
     "resolve-pathname": "^3.0.0",
     "rtl-detect": "^1.0.3",
     "semver": "^7.3.4",
diff --git a/packages/docusaurus/src/server/index.ts b/packages/docusaurus/src/server/index.ts
index 6dbb993d32..8541bee08e 100644
--- a/packages/docusaurus/src/server/index.ts
+++ b/packages/docusaurus/src/server/index.ts
@@ -39,6 +39,7 @@ import {
 } from './translations/translations';
 import {mapValues} from 'lodash';
 import {RuleSetRule} from 'webpack';
+import admonitions from 'remark-admonitions';
 
 export type LoadContextOptions = {
   customOutDir?: string;
@@ -225,6 +226,7 @@ function createMDXFallbackPlugin({siteDir}: {siteDir: string}): LoadedPlugin {
                     staticDir: path.join(siteDir, STATIC_DIR_NAME),
                     isMDXPartial: (_filename) => true, // External mdx files are always meant to be imported as partials
                     isMDXPartialFrontMatterWarningDisabled: true, // External mdx files might have frontmatter, let's just disable the warning
+                    remarkPlugins: [admonitions],
                   },
                 },
               ],