
I Built a Browser Inside a Browser, And It Translates Websites Without Breaking a Single Pixel
I was reading a beautifully designed Japanese tech blog. Clean typography. Perfect spacing. The kind of CSS that makes you want to shake the developer's hand. Then I hit Google Translate. The sidebar collapsed. The navigation overflowed. A button that once said "送信" now said "Transmission" and was three times wider than its container. The whole page looked like it had been through a blender. I closed the tab. Stared at my ceiling. And thought: "What if I could translate websites... without destroying them?" That question cost me sleep, sanity, and one perfectly good weekend. But it also produced LingoLens — a translation browser that preserves the original design while swapping languages in real-time. The part I'm most proud of? You can see your website in four different languages at the same time. Side by side. In a 2×2 grid. No layout shift. Here's how I built it. The LingoLens landing page. Paste any URL. Choose Read Mode or Matrix Mode. The Architecture Before getting into the deta
Continue reading on Dev.to Webdev
Opens in a new tab


