diff --git a/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx b/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx
index 2c0ba075a..e3be06a5a 100644
--- a/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx
+++ b/apps/website/src/routes/docs/styled/(getting-started)/install/index.mdx
@@ -243,6 +243,7 @@ export * from './button/button';
 export * from './card/card';
 export * from './checkbox/checkbox';
 export * from './combobox/combobox';
+export * from './dropdown/dropdown';
 export * from './input/input';
 export * from './label/label';
 export * from './modal/modal';
@@ -254,6 +255,8 @@ export * from './skeleton/skeleton';
 export * from './tabs/tabs';
 export * from './textarea/textarea';
 export * from './select/select';
+export * from './toggle/toggle';
+export * from './toggle-group/toggle-group';
 ```
 
 This way you can now `import { Accordion, Alert, ... } from '~/components/ui';` 👯‍♀️
diff --git a/packages/kit-styled/components-registry.json b/packages/kit-styled/components-registry.json
index 8fa1d9a60..c36311380 100644
--- a/packages/kit-styled/components-registry.json
+++ b/packages/kit-styled/components-registry.json
@@ -7,18 +7,18 @@
       "componentFolder": "accordion",
       "files": ["accordion.tsx"]
     },
-    {
-      "displayName": "Avatar",
-      "type": "avatar",
-      "componentFolder": "avatar",
-      "files": ["avatar.tsx"]
-    },
     {
       "displayName": "Alert",
       "type": "alert",
       "componentFolder": "alert",
       "files": ["alert.tsx"]
     },
+    {
+      "displayName": "Avatar",
+      "type": "avatar",
+      "componentFolder": "avatar",
+      "files": ["avatar.tsx"]
+    },
     {
       "displayName": "Badge",
       "type": "badge",
@@ -55,6 +55,12 @@
       "componentFolder": "combobox",
       "files": ["combobox.tsx"]
     },
+    {
+      "displayName": "Dropdown",
+      "type": "dropdown",
+      "componentFolder": "dropdown",
+      "files": ["dropdown.tsx"]
+    },
     {
       "displayName": "Input",
       "type": "input",
@@ -79,6 +85,12 @@
       "componentFolder": "popover",
       "files": ["popover.tsx"]
     },
+    {
+      "displayName": "Progress",
+      "type": "progress",
+      "componentFolder": "progress",
+      "files": ["progress.tsx"]
+    },
     {
       "displayName": "Radio Group",
       "type": "radio-group",
@@ -114,6 +126,18 @@
       "type": "textarea",
       "componentFolder": "textarea",
       "files": ["textarea.tsx"]
+    },
+    {
+      "displayName": "Toggle",
+      "type": "toggle",
+      "componentFolder": "toggle",
+      "files": ["toggle.tsx"]
+    },
+    {
+      "displayName": "ToggleGroup",
+      "type": "toggle-group",
+      "componentFolder": "toggle-group",
+      "files": ["toggle-group.tsx"]
     }
   ]
 }