TypeFlux is a Chrome extension that lets you preview and test typography on any live website, without touching DevTools or writing any CSS. Instantly swap fonts from 30 Google Fonts, adjust sizes, weights, spacing, and line height with real-time sliders. Click any element to style it independently. Perfect for designers, developers, and accessibility auditors.

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Hey Product Hunt! 👋 TypeFlux started from a frustration I kept running into. Every time I wanted to test a different font or tweak heading sizes on a live site, I had to open DevTools, find the right element, write CSS, and repeat the process again and again. It broke the creative flow. So I built TypeFlux to make typography testing instant. Open the extension, move a slider, and the page updates in real time. No code, no reloads, no permanent changes. Later I added an element selection mode, so you can test typography on a single heading or paragraph without affecting the whole page. Curious to hear how you’d use it and what features you'd like to see next. Happy to answer any questions!

TypeFlux currently lets you swap fonts, adjust heading sizes, tune weight, line height, and letter spacing on any live site. You can also click any element to style it individually.

I built it primarily as a design debugging tool, but I'm curious how people would actually use it day to day.

TypeFlux currently lets you swap fonts, adjust heading sizes, tune weight, line height, and letter spacing on any live site. You can also click any element to style it individually.

I built it primarily as a design debugging tool, but I'm curious how people would actually use it day to day.

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

TypeFlux

Preview and test typography on any live website in real time

Preview and test typography on any live website in real time

Forum Threads

What would make TypeFlux more useful for your workflow?

Forum Threads

What would make TypeFlux more useful for your workflow?