diff --git a/videos/src/Root.tsx b/videos/src/Root.tsx
index 147396a..30de38c 100644
--- a/videos/src/Root.tsx
+++ b/videos/src/Root.tsx
@@ -1,5 +1,5 @@
 import "./index.css";
-import { Composition } from "remotion";
+import { Composition, Folder } from "remotion";
 import { MyComposition } from "./Composition";
 import { Nip05Tutorial } from "./Nip05Tutorial";
 import { Nip05TutorialMobile } from "./Nip05TutorialMobile";
@@ -16,30 +16,34 @@ export const RemotionRoot: React.FC = () => {
         width={1280}
         height={720}
       />
-      <Composition
-        id="Nip05Tutorial"
-        component={Nip05Tutorial}
-        durationInFrames={56 * 30}
-        fps={30}
-        width={1920}
-        height={1080}
-      />
-      <Composition
-        id="Nip05TutorialMobile"
-        component={Nip05TutorialMobile}
-        durationInFrames={56 * 30}
-        fps={30}
-        width={1080}
-        height={1920}
-      />
-      <Composition
-        id="PortalPresentation"
-        component={PortalPresentation}
-        durationInFrames={90 * 30}
-        fps={30}
-        width={1920}
-        height={1080}
-      />
+      <Folder name="NIP-05-Tutorial">
+        <Composition
+          id="Nip05Tutorial"
+          component={Nip05Tutorial}
+          durationInFrames={56 * 30}
+          fps={30}
+          width={1920}
+          height={1080}
+        />
+        <Composition
+          id="Nip05TutorialMobile"
+          component={Nip05TutorialMobile}
+          durationInFrames={56 * 30}
+          fps={30}
+          width={1080}
+          height={1920}
+        />
+      </Folder>
+      <Folder name="Portal">
+        <Composition
+          id="PortalPresentation"
+          component={PortalPresentation}
+          durationInFrames={90 * 30}
+          fps={30}
+          width={1920}
+          height={1080}
+        />
+      </Folder>
     </>
   );
 };