diff --git a/src/html/components/javascript/treeview.mdx b/src/html/components/javascript/treeview.mdx
new file mode 100644
index 000000000..28ed03aad
--- /dev/null
+++ b/src/html/components/javascript/treeview.mdx
@@ -0,0 +1,39 @@
+The Treeview plugin converts a nested list into a tree view where sub menus can be expanded.
+
+##### Usage
+
+This plugin can be used as the data api.
+
+**Data API**
+
+Add `data-lte-toggle="treeview"` to any ul or ol element to activate the plugin.
+
+```html
+
+```
+
+##### Example
+
+
diff --git a/src/html/pages/docs/javascript/treeview.astro b/src/html/pages/docs/javascript/treeview.astro
new file mode 100644
index 000000000..fbb541e45
--- /dev/null
+++ b/src/html/pages/docs/javascript/treeview.astro
@@ -0,0 +1,71 @@
+---
+import Head from "@components/_head.astro";
+import Footer from "@components/dashboard/_footer.astro";
+import Topbar from "@components/dashboard/_topbar.astro";
+import Treeview from "@components/javascript/treeview.mdx";
+import Sidenav from "@components/dashboard/_sidenav.astro";
+import Scripts from "@components/_scripts.astro";
+
+const title = "Treeview Plugin | AdminLTE 4";
+const path = "../../../../dist";
+const mainPage = "javascript";
+const page = "treeview";
+---
+
+
+
+
+
+
+
+
+
+