diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
index 0f47a308..8821804a 100644
--- a/examples/nextjs/package.json
+++ b/examples/nextjs/package.json
@@ -18,6 +18,7 @@
"r18gs": "workspace:*",
"react": "^18.3.1",
"react-dom": "^18.3.1",
+ "react-webgl-trails": "0.0.2-optimize.0",
"react18-loaders": "^1.1.3"
},
"devDependencies": {
diff --git a/examples/nextjs/src/app/layout.tsx b/examples/nextjs/src/app/layout.tsx
index 2137b73d..250566c1 100644
--- a/examples/nextjs/src/app/layout.tsx
+++ b/examples/nextjs/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { Core } from "nextjs-darkmode";
import { Layout } from "@repo/shared/dist/server";
import { GlobalLoader, Header } from "@repo/shared";
import { Inter } from "next/font/google";
+import { MouseTrail } from "react-webgl-trails";
const inter = Inter({ subsets: ["latin"] });
@@ -18,6 +19,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }):
{children}
+