diff --git a/docs/app/api/og/route.tsx b/docs/app/api/og/route.tsx
index 99dbf8d5..0971aaf5 100644
--- a/docs/app/api/og/route.tsx
+++ b/docs/app/api/og/route.tsx
@@ -1,19 +1,13 @@
 import { ImageResponse } from "@vercel/og";
 import { z } from "zod";
-import { Plus } from "lucide-react";
 export const runtime = "edge";
+
 const ogSchema = z.object({
 	heading: z.string(),
 	mode: z.string(),
 	type: z.string(),
 });
-// Use this example object to work with og image generator
 
-// const ogData = {
-//   heading: "This is a test heading for the page",
-//   mode: "dark",
-//   type: "documentation",
-// };
 function GridPattern({
 	width = 40,
 	height = 40,
@@ -42,8 +36,8 @@ function GridPattern({
 				left: 0,
 				height: "100%",
 				width: "100%",
-				fill: "rgba(107, 114, 128, 0.3)",
-				stroke: "rgba(107, 114, 128, 0.3)",
+				fill: "rgba(0, 0, 0, 0.602)",
+				stroke: "rgba(13, 14, 17, 0.777)",
 			}}
 			xmlns="http://www.w3.org/2000/svg"
 		>
@@ -64,7 +58,7 @@ function GridPattern({
 					<path
 						d={`M.5 ${height}V.5H${width}`}
 						fill="none"
-						stroke="rgba(255,255,255,0.1)"
+						stroke="rgba(9, 2, 2, 0.009)"
 						strokeDasharray={strokeDasharray}
 					/>
 				</pattern>
@@ -130,7 +124,7 @@ export async function GET(req: Request) {
 		const trueHeading =
 			heading.length > 140 ? `${heading.substring(0, 140)}...` : heading;
 
-		const paint = mode === "dark" ? "#fff" : "#000";
+		const paint = mode === "dark" ? "#fff" : "#000000";
 
 		const fontSize = trueHeading.length > 100 ? "30px" : "60px";
 		return new ImageResponse(
@@ -140,7 +134,7 @@ export async function GET(req: Request) {
 					color: paint,
 					backgroundColor: "transparent",
 					border: "1px solid rgba(255, 255, 255, 0.1)",
-					boxShadow: "0 -20px 80px -20px rgba(134, 134, 240, 0.1) inset",
+					boxShadow: "0 -20px 80px -20px rgba(28, 12, 12, 0.1) inset",
 					background: mode === "dark" ? "#1A0D0D" : "white",
 				}}
 			>
@@ -170,7 +164,7 @@ export async function GET(req: Request) {
 					>
 						<path
 							d="M7 1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H8a1 1 0 0 1-1-1V1z"
-							fill="#ada8c4"
+							fill="#d0cfd1d3"
 						/>
 					</svg>
 
@@ -186,7 +180,7 @@ export async function GET(req: Request) {
 					>
 						<path
 							d="M7 1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H8a1 1 0 0 1-1-1V1z"
-							fill="#ada8c4"
+							fill="#cacaca"
 						/>
 					</svg>
 					<svg
@@ -201,7 +195,7 @@ export async function GET(req: Request) {
 					>
 						<path
 							d="M7 1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H8a1 1 0 0 1-1-1V1z"
-							fill="#ada8c4"
+							fill="#cacaca"
 						/>
 					</svg>
 					<svg
@@ -216,7 +210,7 @@ export async function GET(req: Request) {
 					>
 						<path
 							d="M7 1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H8a1 1 0 0 1-1-1V1z"
-							fill="#ada8c4"
+							fill="#cacaca"
 						/>
 					</svg>
 					<svg
@@ -226,38 +220,38 @@ export async function GET(req: Request) {
 						fill="none"
 						xmlns="http://www.w3.org/2000/svg"
 					>
-						<rect width="200" height="200" fill="#D9D9D9" />
+						<rect width="200" height="200" fill="#cacaca" />
 						<line
 							x1="21.5"
 							y1="2.18557e-08"
 							x2="21.5"
 							y2="200"
-							stroke="#C4C4C4"
+							stroke="#bebebe"
 						/>
 						<line
 							x1="173.5"
 							y1="2.18557e-08"
 							x2="173.5"
 							y2="200"
-							stroke="#C4C4C4"
+							stroke="#bebebe"
 						/>
 						<line
 							x1="200"
 							y1="176.5"
 							x2="-4.37114e-08"
 							y2="176.5"
-							stroke="#C4C4C4"
+							stroke="#bebebe"
 						/>
 						<line
 							x1="200"
 							y1="24.5"
 							x2="-4.37114e-08"
 							y2="24.5"
-							stroke="#C4C4C4"
+							stroke="#bebebe"
 						/>
 						<path
 							d="M64.4545 135V65.1818H88.8636C93.7273 65.1818 97.7386 66.0227 100.898 67.7045C104.057 69.3636 106.409 71.6023 107.955 74.4205C109.5 77.2159 110.273 80.3182 110.273 83.7273C110.273 86.7273 109.739 89.2045 108.67 91.1591C107.625 93.1136 106.239 94.6591 104.511 95.7955C102.807 96.9318 100.955 97.7727 98.9545 98.3182V99C101.091 99.1364 103.239 99.8864 105.398 101.25C107.557 102.614 109.364 104.568 110.818 107.114C112.273 109.659 113 112.773 113 116.455C113 119.955 112.205 123.102 110.614 125.898C109.023 128.693 106.511 130.909 103.08 132.545C99.6477 134.182 95.1818 135 89.6818 135H64.4545ZM72.9091 127.5H89.6818C95.2045 127.5 99.125 126.432 101.443 124.295C103.784 122.136 104.955 119.523 104.955 116.455C104.955 114.091 104.352 111.909 103.148 109.909C101.943 107.886 100.227 106.273 98 105.068C95.7727 103.841 93.1364 103.227 90.0909 103.227H72.9091V127.5ZM72.9091 95.8636H88.5909C91.1364 95.8636 93.4318 95.3636 95.4773 94.3636C97.5455 93.3636 99.1818 91.9545 100.386 90.1364C101.614 88.3182 102.227 86.1818 102.227 83.7273C102.227 80.6591 101.159 78.0568 99.0227 75.9205C96.8864 73.7614 93.5 72.6818 88.8636 72.6818H72.9091V95.8636ZM131.665 135.545C129.983 135.545 128.54 134.943 127.335 133.739C126.131 132.534 125.528 131.091 125.528 129.409C125.528 127.727 126.131 126.284 127.335 125.08C128.54 123.875 129.983 123.273 131.665 123.273C133.347 123.273 134.79 123.875 135.994 125.08C137.199 126.284 137.801 127.727 137.801 129.409C137.801 130.523 137.517 131.545 136.949 132.477C136.403 133.409 135.665 134.159 134.733 134.727C133.824 135.273 132.801 135.545 131.665 135.545Z"
-							fill="#302208"
+							fill="#090602"
 						/>
 					</svg>
 					<div tw="flex flex-col flex-1 py-10">
@@ -283,14 +277,14 @@ export async function GET(req: Request) {
 					<div tw="flex items-center w-full justify-between">
 						<div
 							tw="flex text-xl"
-							style={{ fontFamily: "GeistMono", fontWeight: "semibold" }}
+							style={{ fontFamily: "GeistSans", fontWeight: "semibold" }}
 						>
 							Better Auth
 						</div>
 						<div tw="flex gap-2 items-center text-xl">
 							<div
 								style={{
-									fontFamily: "GeistMono",
+									fontFamily: "GeistSans",
 								}}
 								tw="flex ml-2"
 							>
@@ -337,7 +331,6 @@ export async function GET(req: Request) {
 		);
 	} catch (err) {
 		console.log({ err });
-
 		return new Response("Failed to generate the og image", { status: 500 });
 	}
 }
diff --git a/docs/components/icons.tsx b/docs/components/icons.tsx
index e18e7785..c4627919 100644
--- a/docs/components/icons.tsx
+++ b/docs/components/icons.tsx
@@ -211,4 +211,52 @@ export const Icons = {
 			/>
 		</svg>
 	),
+	elysia: () => (
+		<svg
+			width="1.2em"
+			height="1.2em"
+			viewBox="0 0 512 512"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+		>
+			<path
+				fill-rule="evenodd"
+				clip-rule="evenodd"
+				d="M424.404 470.816C478.089 423.889 512 354.905 512 278C512 136.615 397.385 22 256 22C114.615 22 0 136.615 0 278C0 352.658 31.9583 419.851 82.9409 466.646L83.1767 465L419.144 355L424.404 470.816Z"
+				fill="currentColor"
+			/>
+			<path
+				d="M189.915 52.7412L144.5 46L151.303 43.9069C155.402 42.6455 159.248 40.6719 162.662 38.0765L163.73 37.2654C167.845 34.1375 171.12 30.0364 173.259 25.3304C174.414 22.7883 175.224 20.1027 175.665 17.3454L176.173 14.1698C176.72 10.7473 176.692 7.25741 176.09 3.84416C175.834 2.39429 177.279 1.23239 178.64 1.79296L180.498 2.55815C182.829 3.51798 185.084 4.65434 187.242 5.95732L194.965 10.6205C205.229 16.8174 214.226 24.9023 221.48 34.4477L226.616 41.2051C228.529 43.7228 230.783 45.9625 233.313 47.8599C236.088 49.9411 239.164 51.5874 242.435 52.7418L246 54L227.274 54.749C214.785 55.2486 202.278 54.5764 189.915 52.7412Z"
+				fill="currentColor"
+			/>
+			<path
+				d="M178.321 93.006L191.79 68.3844C191.922 68.143 191.93 67.8528 191.812 67.6042L187.22 57.9361C184.337 51.8673 178.219 48 171.5 48L170.23 47.9562C161.437 47.653 152.704 46.3829 144.188 44.169L142.504 43.731C135.521 41.9153 128.746 39.3732 122.293 36.1463L119.446 34.723C115.159 32.5797 111.099 30.012 107.325 27.0584L103.55 24.1043C102.428 23.2265 100.803 23.4506 99.9606 24.5992C97.3651 28.1384 95.7379 32.2935 95.2395 36.6541L94.5535 42.6571C94.1854 45.8774 94.1446 49.1267 94.4316 52.3552L96.1031 71.1595C97.3467 85.1501 102.175 98.584 110.123 110.165L111.825 112.645C114.267 116.203 117.113 119.466 120.306 122.369C120.756 122.778 121.329 123.03 121.936 123.084C145.029 125.156 167.194 113.348 178.321 93.006Z"
+				fill="currentColor"
+			/>
+			<path
+				d="M127.378 123.538L143.376 116.613C150.438 113.557 152.588 104.577 147.676 98.6533C143.683 93.8378 136.58 93.0803 131.661 96.9453L127.867 99.9256C126.958 100.64 126.127 101.448 125.387 102.336L116.263 113.284C114.982 114.822 115.084 117.084 116.5 118.5L119.318 121.721C119.77 122.237 120.296 122.685 120.878 123.049C122.833 124.271 125.263 124.453 127.378 123.538Z"
+				fill="#EDEDED"
+			/>
+			<path
+				d="M147.988 44.8437L147.5 45L148.962 45.4651C155.294 47.4798 161.861 48.66 168.498 48.9761C168.83 48.9919 169.163 48.9534 169.483 48.8619L172.5 48L174 47.5L164.419 45.4172C163.158 45.1431 161.982 44.5687 160.991 43.7426C160.218 43.0981 160.223 41.9084 161.002 41.2708L162.423 40.1084C164.12 38.7197 165.493 36.976 166.444 35C160.934 39.3642 154.682 42.6988 147.988 44.8437Z"
+				fill="#B2B2B2"
+			/>
+			<path
+				d="M202.776 219.428L72.2905 452.693C71.643 453.851 70.0687 454.069 69.1308 453.131L66.5 450.5L55.5 438L48.4888 428.927C41.8407 420.323 35.9052 411.192 30.7414 401.624L29.7434 399.775C24.2581 389.611 19.6635 378.991 16.0112 368.034L12.5 357.5C7.22519 338.379 6.01447 318.365 8.94583 298.747L9.06961 297.919C10.354 289.323 12.4034 280.86 15.1935 272.629L21 255.5L25.3334 246.385C32.0537 232.249 41.3193 219.472 52.6669 208.691L58.1719 203.462C69.5529 192.65 83.3937 184.769 98.5 180.5C94.967 181.498 91.3608 182.216 87.7149 182.647L80.5 183.5L75 184L69 185L63 185.561L59 186L56.1186 186.18C55.1927 186.238 54.7576 185.057 55.4998 184.5L55.5002 184.5L59.5273 182.57C72.5066 176.351 83.1766 166.172 90 153.5L94.4475 146.562C99.7511 138.288 106.807 131.28 115.116 126.032L116.833 124.948C119.935 122.989 123.246 121.384 126.705 120.163L142.446 114.607C145.348 113.583 147.69 111.39 148.903 108.561L149.143 108C149.705 106.687 149.932 105.255 149.803 103.833C149.608 101.689 148.616 99.6966 147.023 98.2485L144.256 95.7328C144.086 95.5779 143.93 95.4073 143.792 95.2232L126 71.5L111.803 51.9315C108.994 48.0592 107.359 43.4599 107.094 38.6832C107.051 37.9263 107.836 37.4015 108.52 37.7295L123.881 45.1028C137.174 51.4834 152.33 52.825 166.537 48.8786C169.84 47.9612 173.214 47.3242 176.624 46.9745L183.675 46.2513C201.406 44.4328 219.32 45.9054 236.516 50.5953L238 51L254.798 57.0472C275.869 64.6329 292.567 81.0571 300.5 102L304.022 115.734C305.004 119.567 306.392 123.285 308.162 126.824C312.321 135.142 318.495 142.289 326.121 147.613L335.084 153.87C339.023 156.62 343.157 159.078 347.453 161.227L367.289 171.145C368.178 171.589 368.444 172.732 367.843 173.523C362.372 180.721 355.148 186.395 346.859 190.005L335.371 195.008C330.797 197 326.081 198.65 321.262 199.945L312.822 202.212C300.992 205.39 288.796 207 276.546 207H256.333C252.148 207 248.001 206.213 244.108 204.679C228.581 198.562 210.923 204.863 202.776 219.428Z"
+				fill="white"
+			/>
+			<path
+				d="M271.185 135.316L279.987 135.418C281.182 135.432 281.452 133.748 280.312 133.388C278.441 132.797 276.623 132.048 274.879 131.15L268.008 127.61C263.35 125.211 258.969 122.308 254.944 118.953L253.592 117.827C250.54 115.283 247.77 112.418 245.33 109.282L243.768 107.273C243.234 106.586 242.134 107.005 242.192 107.873C243.212 123.186 255.839 135.138 271.185 135.316Z"
+				fill="#666666"
+			/>
+			<path
+				d="M82.2231 456.395L231.313 323.4C245.367 310.863 257.58 296.403 267.59 280.45L268.5 279C273.404 269.192 275.497 258.217 274.547 247.293L273.24 232.258C272.436 223.009 268.618 214.28 262.373 207.41C262.131 207.144 261.81 206.961 261.457 206.889L237.5 202C220.117 196.752 201.688 195.995 183.933 199.8L183 200L169.06 203.259C128.405 212.763 92.5742 236.685 68.2116 270.592L67.597 271.447C60.8846 280.789 55.1822 290.817 50.5856 301.362L49.765 303.245C38.1544 329.881 34.2409 359.238 38.4684 387.985L39.8511 397.387C41.2751 407.07 44.1931 416.474 48.5011 425.262C52.4798 433.379 57.6014 440.883 63.7095 447.547L71.3177 455.847C74.1911 458.981 79.0498 459.225 82.2231 456.395Z"
+				fill="#CCCCCC"
+			/>
+			<path
+				d="M212.749 278.858L212.267 279.133C199.686 286.322 192.918 299.892 193.58 314.367C193.768 318.484 197.893 322.255 201.858 321.132L209.163 319.062C218.607 316.386 227.353 311.681 234.789 305.274L256 287L262.292 282.343C298.871 255.269 344.833 244.113 389.754 251.405C391.14 251.63 391.184 253.607 389.81 253.894L384.5 255L382.093 255.842C377.15 257.572 372.856 260.776 369.79 265.022C369.214 265.819 369.982 266.89 370.922 266.601L372.663 266.065C382.467 263.049 392.751 261.904 402.978 262.691L407 263C428.843 263.95 449.114 274.626 462.254 292.1L467.179 298.65C481.776 318.063 487.953 342.53 484.319 366.545L482.421 379.087C479.837 396.163 473.618 412.486 464.184 426.952L463.5 428L453 442L441.5 455L430.965 465.114C421.346 474.348 410.827 482.597 399.567 489.738L396 492L389.175 495.25C387.417 496.087 385.95 493.678 387.5 492.5L397 483.5L398.953 481.449C404.232 475.906 408.027 469.12 409.986 461.721L410.889 458.309C411.295 456.776 411.5 455.174 411.5 453.588C411.5 444.909 405.354 437.298 396.836 435.631C391.554 434.597 386.085 435.962 381.907 439.356L372.5 447L355.894 460.587C344.995 469.504 333.185 477.245 320.66 483.682L303.5 492.5L274.5 503.5L268.412 505.16C257.822 508.049 247.012 510.06 236.092 511.174L228 512H202L167.5 508.25L148.832 504.21C138.985 502.079 129.456 498.682 120.482 494.103C113.181 490.378 106.293 485.894 99.931 480.725L85.5 469C68.005 455.64 57.0449 435.448 55.3749 413.498L54.5 402L55.5295 385.822C57.134 360.608 66.7911 336.576 83.0792 317.263C89.6652 309.454 97.2376 302.534 105.606 296.675L108.677 294.526C121.458 285.579 135.72 278.961 150.805 274.976L160.947 272.297C174.135 268.813 187.952 268.445 201.307 271.22L211.887 273.418C214.542 273.97 215.103 277.513 212.749 278.858Z"
+				fill="#5E5E5E"
+			/>
+		</svg>
+	),
 };
diff --git a/docs/components/sidebar-content.tsx b/docs/components/sidebar-content.tsx
index 723509ed..b669264b 100644
--- a/docs/components/sidebar-content.tsx
+++ b/docs/components/sidebar-content.tsx
@@ -563,6 +563,11 @@ export const contents: Content[] = [
 				icon: Icons.node,
 				href: "/docs/integrations/node",
 			},
+			{
+				title: "Elysia",
+				icon: Icons.elysia,
+				href: "/docs/integrations/elysia",
+			},
 		],
 	},
 	{
@@ -588,33 +593,33 @@ export const contents: Content[] = [
 				title: "Authentication",
 				group: true,
 				href: "/docs/plugins/1st-party-plugins",
-				icon: LucideAArrowDown,
+				icon: () => <LucideAArrowDown className="w-4 h-4" />,
 			},
 
 			{
 				title: "Two Factor",
-				icon: ScanFace,
+				icon: () => <ScanFace className="w-4 h-4" />,
 				href: "/docs/plugins/2fa",
 			},
 			{
 				title: "Username",
-				icon: UserSquare2,
+				icon: () => <UserSquare2 className="w-4 h-4" />,
 				href: "/docs/plugins/username",
 			},
 			{
 				title: "Anonymous",
-				icon: UserCircle,
+				icon: () => <UserCircle className="w-4 h-4" />,
 				href: "/docs/plugins/anonymous",
 			},
 			{
 				title: "Phone Number",
-				icon: Phone,
+				icon: () => <Phone className="w-4 h-4" />,
 				href: "/docs/plugins/phone-number",
 			},
 			{
 				title: "Magic Link",
 				href: "/docs/plugins/magic-link",
-				icon: Mailbox,
+				icon: () => <Mailbox className="w-4 h-4" />,
 			},
 			{
 				title: "Passkey",
@@ -660,7 +665,7 @@ export const contents: Content[] = [
 				title: "Authorization",
 				group: true,
 				href: "/docs/plugins/1st-party-plugins",
-				icon: LucideAArrowDown,
+				icon: () => <LucideAArrowDown className="w-4 h-4" />,
 			},
 			{
 				title: "Admin",
@@ -673,17 +678,12 @@ export const contents: Content[] = [
 						viewBox="0 0 24 24"
 					>
 						<path
-							className="fill-foreground"
+							className="fill-current"
 							d="M12 23C6.443 21.765 2 16.522 2 11V5l10-4l10 4v6c0 5.524-4.443 10.765-10 12M4 6v5a10.58 10.58 0 0 0 8 10a10.58 10.58 0 0 0 8-10V6l-8-3Z"
 						></path>
-						<circle
-							cx="12"
-							cy="8.5"
-							r="2.5"
-							className="fill-foreground"
-						></circle>
+						<circle cx="12" cy="8.5" r="2.5" className="fill-current"></circle>
 						<path
-							className="fill-foreground"
+							className="fill-current"
 							d="M7 15a5.78 5.78 0 0 0 5 3a5.78 5.78 0 0 0 5-3c-.025-1.896-3.342-3-5-3c-1.667 0-4.975 1.104-5 3"
 						></path>
 					</svg>
@@ -691,19 +691,19 @@ export const contents: Content[] = [
 			},
 			{
 				title: "Organization",
-				icon: Users2,
+				icon: () => <Users2 className="w-4 h-4" />,
 				href: "/docs/plugins/organization",
 			},
 			{
 				title: "Utility",
 				group: true,
 				href: "/docs/plugins/1st-party-plugins",
-				icon: LucideAArrowDown,
+				icon: () => <LucideAArrowDown className="w-4 h-4" />,
 			},
 
 			{
 				title: "Bearer",
-				icon: Key,
+				icon: () => <Key className="w-4 h-4" />,
 				href: "/docs/plugins/bearer",
 			},
 		],