added package bundler

Author: Sohan-Rout

app/docs/components/installation.jsx

@@ -178,6 +178,33 @@ export default function DocsContent() {
             </div>
           </div>
         </div>
+
+        {/* Step 5 */}
+        <div className="pl-4 py-2">
+          <h2 className="text-lg font-medium text-black">Install necesaary packages</h2>
+          <p className="text-sm text-neutral-600 mt-2 mb-4">
+            Installation of packages which includes external icons packages along with gsap and framer motion for animation.
+          </p>
+          <p>Install Each pacakage separtely or</p>
+          <div className="bg-white rounded-xl shadow-lg">
+            <div className="flex justify-between py-2 px-2">
+              <IoMdCloseCircle className="text-lg text-black opacity-50" />
+              <IoMdCloseCircle className="text-lg text-black opacity-50" />
+            </div>
+            <div className="px-8">
+              <div className="flex justify-between items-center">
+                <p className="font-mono text-sm text-black/75">Terminal ~</p>
+                <Copy text="@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');" />
+              </div>
+          <pre className="bg-neutral-900 text-white text-xs p-3 rounded-md mt-2 overflow-x-auto">
+            {`@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');`}
+          </pre>
+          </div><div className="flex justify-between py-2 px-2">
+              <IoMdCloseCircle className="text-lg text-black opacity-50" />
+              <IoMdCloseCircle className="text-lg text-black opacity-50" />
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   );

streamui-deps/.gitignore

@@ -0,0 +1,13 @@
+# Node
+node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# VS Code
+.vscode/
+
+# OS
+.DS_Store
+Thumbs.db

streamui-deps/package-lock.json

@@ -0,0 +1,17 @@
+{
+  "name": "streamui-deps",
+  "version": "1.0.0",
+  "description": "Dependency installer for StreamUI copy-paste component library (gsap, framer-motion, react-icons).",
+  "keywords": ["streamui", "dependencies", "react", "gsap", "framer-motion", "react-icons", "tailwind"],
+  "author": "Sohan Rout",
+  "license": "MIT",
+  "dependencies": {
+    "framer-motion": "^12.23.0",
+    "gsap": "^3.13.0",
+    "react-icons": "^5.5.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}

streamui-deps/package.json

@@ -0,0 +1,8 @@
+# StreamUI Deps
+
+This package installs all required dependencies for using StreamUI's copy-paste React components.
+
+## Install
+
+```bash
+npm install streamui-deps