diff --git a/projects/docs/docs/installation.md b/projects/docs/docs/installation.md
deleted file mode 100644
index 96f2214..0000000
--- a/projects/docs/docs/installation.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-title: Installation
-slug: /
----
-
-Install from the **NPM repository** using **npm** or **yarn**:
-
-```shell
-npm install @hug/ngx-schematics-utilities --save-dev
-```
-
-```shell
-yarn add @hug/ngx-schematics-utilities --dev
-```
diff --git a/projects/docs/docs/installation.mdx b/projects/docs/docs/installation.mdx
new file mode 100644
index 0000000..ff3081a
--- /dev/null
+++ b/projects/docs/docs/installation.mdx
@@ -0,0 +1,27 @@
+---
+title: Installation
+slug: /
+---
+
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+
+Install the library from the **NPM repository**:
+
+<Tabs>
+<TabItem value="npm" label="npm" default>
+
+```shell
+npm install @hug/ngx-schematics-utilities --save-dev
+```
+
+</TabItem>
+<TabItem value="yarn" label="yarn">
+
+```shell
+yarn add @hug/ngx-schematics-utilities --dev
+```
+
+</TabItem>
+</Tabs>