diff --git a/web/html/modals/dns_presets_modal.html b/web/html/modals/dns_presets_modal.html
new file mode 100644
index 00000000..010b973a
--- /dev/null
+++ b/web/html/modals/dns_presets_modal.html
@@ -0,0 +1,110 @@
+{{define "modals/dnsPresetsModal"}}
+
+
+
+
+
+
+ [[ dns.name ]]
+ [[ dns.family ? '{{ i18n "pages.xray.dns.dnsPresetFamily" }}' : 'DNS' ]]
+
+
+
+ {{ i18n "install" }}
+
+
+
+
+
+
+
+
+
+{{end}}
\ No newline at end of file
diff --git a/web/html/settings/xray/dns.html b/web/html/settings/xray/dns.html
index d442ef35..ba768cb8 100644
--- a/web/html/settings/xray/dns.html
+++ b/web/html/settings/xray/dns.html
@@ -110,9 +110,12 @@
-
- {{ i18n "pages.xray.dns.add" }}
-
+
+
+ {{ i18n "pages.xray.dns.add" }}
+
+
+
diff --git a/web/html/xray.html b/web/html/xray.html
index 0a09c399..787d1503 100644
--- a/web/html/xray.html
+++ b/web/html/xray.html
@@ -128,6 +128,7 @@
{{template "modals/reverseModal"}}
{{template "modals/balancerModal"}}
{{template "modals/dnsModal"}}
+{{template "modals/dnsPresetsModal"}}
{{template "modals/fakednsModal"}}
{{template "modals/warpModal"}}