diff --git a/App.tsx b/App.tsx
index e00767b..0f99ce1 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,23 +1,28 @@
 import React, { useEffect } from 'react';
+import {
+  createPopup,
+  AlertPopupUI,
+  ActionSheetUI,
+  PopupManager,
+} from './packages/v1';
 // import StorybookUIRoot from './storybook';
-import { View } from 'react-native';
-import { createPopup, AlertPopupUI } from './packages/v1';
 
 const Alert = createPopup(AlertPopupUI);
+const ActionSheet = createPopup(ActionSheetUI);
 
 export default function App() {
   // useEffect(() => {
   //   Alert.show({ title: 'please!!', message: 'helpme' });
-
+  //   ActionSheet.show({ actions: [] });
   //   setTimeout(() => {
-  //     Alert.hide();
+  //     PopupManager.hideAll();
   //   }, 3000);
   // }, []);
 
   return (
     <>
-      <View></View>
       <Alert.Portal />
+      <ActionSheet.Portal />
     </>
   );
 }
diff --git a/packages/v1/factory/index.ts b/packages/v1/factory/index.ts
index 60eb3fd..e25ed83 100644
--- a/packages/v1/factory/index.ts
+++ b/packages/v1/factory/index.ts
@@ -1,4 +1,5 @@
 import React, { createElement } from 'react';
+import PopupManager from '../manager';
 import Provider from '../provider';
 import { PopupContext } from '../types';
 
@@ -27,6 +28,8 @@ export function createPopup<T>(Component: React.FC<T>) {
     await internalRef.current.hide();
   }
 
+  PopupManager.registerRef(genUniqueComponentName(Component), internalRef);
+
   return {
     show,
     hide,
@@ -38,3 +41,10 @@ export function createPopup<T>(Component: React.FC<T>) {
       ),
   };
 }
+
+function genUniqueComponentName<T extends React.FC<any>>(Component: T) {
+  const unique = Math.round(Math.random() * 1234567890);
+  return `${
+    Component.name || Component.displayName || `GlobalComponent`
+  }${unique}`;
+}
diff --git a/packages/v1/index.ts b/packages/v1/index.ts
index 7c438c2..04e78ad 100644
--- a/packages/v1/index.ts
+++ b/packages/v1/index.ts
@@ -42,3 +42,5 @@ export { usePopupContext } from './context';
  * animation hooks
  */
 export * from './hooks';
+
+export { default as PopupManager } from './manager';
diff --git a/packages/v1/manager/index.ts b/packages/v1/manager/index.ts
new file mode 100644
index 0000000..0c9440f
--- /dev/null
+++ b/packages/v1/manager/index.ts
@@ -0,0 +1,25 @@
+import { PopupContext } from '../types';
+
+class PopupManager {
+  private map = new Map<string, React.RefObject<PopupContext<any>>>();
+
+  public registerRef(
+    name: string,
+    ref: React.RefObject<PopupContext<any>>,
+  ): void {
+    if (this.map.has(name)) return;
+    this.map.set(name, ref);
+  }
+
+  /**
+   * hide all current visible popups
+   */
+  public async hideAll(): Promise<boolean> {
+    await Promise.all(
+      Array.from(this.map).map(([_, popup]) => popup.current?.hide()),
+    );
+    return true;
+  }
+}
+
+export default new PopupManager();