React Component Gallery website to showcase React Components

Author: mythz

package-lock.json

@@ -50,10 +50,12 @@
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4.1.17",
+    "@tailwindcss/typography": "^0.5.19",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^5.1.0",
     "@vitest/browser": "^4.0.7",
     "@vitest/browser-playwright": "^4.0.7",
@@ -66,6 +68,7 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-router-dom": "^7.9.5",
+    "react-syntax-highlighter": "^16.1.0",
     "shx": "^0.4.0",
     "tailwindcss": "^4.1.17",
     "typescript": "~5.9.3",

package.json

@@ -197,7 +197,10 @@ export default function App() {
   return (
     <>
       <ClientContext.Provider value={client}>
-      <div className="absolute top-2 right-2">
+      <div className="absolute top-2 right-2 flex items-center gap-4">
+        <a href="/gallery" className="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 font-medium">
+          Component Gallery
+        </a>
         <DarkModeToggle />
       </div>