diff --git a/js/src/admin/extend.js b/js/src/admin/extend.js
new file mode 100644
index 0000000..4d50b96
--- /dev/null
+++ b/js/src/admin/extend.js
@@ -0,0 +1,35 @@
+import Extend from 'flarum/common/extenders';
+import app from 'flarum/admin/app';
+
+function trans(key) {
+  return app.translator.trans(`ffans-clipboardjs.admin.settings.${key}`, {}, true);
+}
+
+export default [
+  new Extend.Admin()
+    .setting(() => ({
+      setting: 'ffans-clipboardjs.theme_name',
+      type: 'select',
+      options: {
+        default: trans('themes.default'),
+        github: trans('themes.github'),
+        lingcoder: trans('themes.lingcoder'),
+        csdn: trans('themes.csdn'),
+        cnblog: trans('themes.cnblog'),
+        jianshu: trans('themes.jianshu'),
+        segmentfault: trans('themes.segmentfault'),
+      },
+      default: 'default',
+      label: trans('themes_label'),
+    }))
+    .setting(() => ({
+      setting: 'ffans-clipboardjs.is_copy_enable',
+      type: 'switch',
+      label: trans('copy_enable_label'),
+    }))
+    .setting(() => ({
+      setting: 'ffans-clipboardjs.is_show_codeLang',
+      type: 'switch',
+      label: trans('codeLang_label'),
+    })),
+];
diff --git a/js/src/admin/index.js b/js/src/admin/index.js
new file mode 100644
index 0000000..6d2293d
--- /dev/null
+++ b/js/src/admin/index.js
@@ -0,0 +1 @@
+export { default as extend } from './extend';