diff --git a/docs/conf.py b/docs/conf.py
index c15c32001..353f2fa2b 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -41,6 +41,7 @@
     'numpydoc',
     'sphinx-favicon',
     'deepmodeling_sphinx',
+    'sphinx_js',
 ]
 
 # Add any paths that contain templates here, relative to this directory.
@@ -108,6 +109,8 @@
     "tex": {"packages": {'[+]': ['mhchem']}},
 }
 
+js_source_path = "../reacnetgenerator/static/webpack"
+
 # Add any paths that contain custom static files (such as style sheets) here,
 # relative to this directory. They are copied after the builtin static files,
 # so a file named "default.css" will overwrite the builtin "default.css".
diff --git a/docs/develop.rst b/docs/develop.rst
index 88e2c4efd..9b75d95de 100644
--- a/docs/develop.rst
+++ b/docs/develop.rst
@@ -6,3 +6,4 @@ Development
    :caption: API
 
    api/api
+   jsapi
diff --git a/docs/jsapi.rst b/docs/jsapi.rst
new file mode 100644
index 000000000..3ed90db60
--- /dev/null
+++ b/docs/jsapi.rst
@@ -0,0 +1,12 @@
+JavaScript API
+==============
+
+.. js:autofunction:: getFormula
+
+.. js:autofunction:: someFunction
+
+.. js:autofunction:: search
+
+.. js:autofunction:: searchspecies
+    
+.. js:autofunction:: searchreaction 
diff --git a/pyproject.toml b/pyproject.toml
index 082b1676d..4dd62ff73 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -92,6 +92,7 @@ docs = [
     "pyyaml",
     "deepmodeling_sphinx>=0.1.3",
     "pygments-lammps",
+    "sphinx-js",
 ]
 
 [tool.setuptools.packages.find]