Client-Side on Noureddine RAMDIhttps://ramdi.fr/tags/client-side/Recent content in Client-Side on Noureddine RAMDIHugoenSat, 23 May 2026 20:41:27 +0000BrowseryTools: 136+ browser utilities with on-device AI in a Next.js monolithhttps://ramdi.fr/github-stars/browserytools-136-browser-utilities-with-on-device-ai-in-a-next-js-monolith/Sat, 23 May 2026 20:41:14 +0000https://ramdi.fr/github-stars/browserytools-136-browser-utilities-with-on-device-ai-in-a-next-js-monolith/BrowseryTools packs over 136 browser utilities including on-device AI inference into a single Next.js app running fully client-side with zero backend or uploads.EasyInvoicePDF: In-browser real-time invoice PDF generation with Next.js and Reacthttps://ramdi.fr/github-stars/easyinvoicepdf-in-browser-real-time-invoice-pdf-generation-with-next-js-and-react/Tue, 05 May 2026 16:46:42 +0000https://ramdi.fr/github-stars/easyinvoicepdf-in-browser-real-time-invoice-pdf-generation-with-next-js-and-react/EasyInvoicePDF generates multi-language, multi-currency invoices entirely in-browser using Next.js and @react-pdf/renderer, offering instant live PDF previews without server uploads.CodeFlow: Static code analysis and architecture visualization entirely in the browserhttps://ramdi.fr/github-stars/codeflow-static-code-analysis-and-architecture-visualization-entirely-in-the-browser/Tue, 05 May 2026 13:37:39 +0000https://ramdi.fr/github-stars/codeflow-static-code-analysis-and-architecture-visualization-entirely-in-the-browser/CodeFlow transforms GitHub repos into interactive architecture maps with client-side parsing of 35+ languages, blast radius analysis, security checks, and health scoring.Browser-based hand gesture controls for web maps using MediaPipe and TypeScripthttps://ramdi.fr/github-stars/browser-based-hand-gesture-controls-for-web-maps-using-mediapipe-and-typescript/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/browser-based-hand-gesture-controls-for-web-maps-using-mediapipe-and-typescript/A TypeScript monorepo enabling hand gesture controls for OpenLayers, Google Maps, and Leaflet using MediaPipe Hand Landmarker WASM, with gesture state machine and smoothing filters for stable pan/zoom/rotate.epanet-js: running EPANET water modeling fully in the browser with native canvas renderinghttps://ramdi.fr/github-stars/epanet-js-running-epanet-water-modeling-fully-in-the-browser-with-native-canvas-rendering/Mon, 04 May 2026 10:23:01 +0000https://ramdi.fr/github-stars/epanet-js-running-epanet-water-modeling-fully-in-the-browser-with-native-canvas-rendering/epanet-js ports the EPA’s EPANET water distribution modeling engine to a NextJS browser app using native canvas rendering and C/C++ toolchain dependencies. Here’s how it works and what to expect.Tegaki: client-side handwriting animation from fonts without native dependencieshttps://ramdi.fr/github-stars/tegaki-client-side-handwriting-animation-from-fonts-without-native-dependencies/Mon, 04 May 2026 10:10:22 +0000https://ramdi.fr/github-stars/tegaki-client-side-handwriting-animation-from-fonts-without-native-dependencies/Tegaki renders handwriting animations from fonts entirely client-side without native dependencies. It parses font glyphs into stroke animations with natural timing and supports multiple frameworks.