What If Reading Blogs Automatically Improved Your Vocabulary?
A few months ago, I noticed something frustrating about the way most of us read online.
We scroll through articles, blogs, documentation, newsletters, tutorials — constantly running into unfamiliar words — and then do one of two things:
- ignore them and keep reading
- or open another tab just to search the meaning
Neither feels natural.
And after a while, reading in a new language starts feeling more like work than discovery.
So I built something to change that.
Meet LinguaFlow
LinguaFlow is a Chrome extension that turns normal reading into a lightweight language-learning experience.
Instead of interrupting your reading flow, it quietly helps you build vocabulary while you browse.
So LinguaFlow lets users save vocabulary instantly and build their own mini vocabulary bank over time.
Saved words can later be exported as:
- CSV
- JSON
which makes it useful for:
- Anki imports
- flashcard apps
- spaced repetition systems
- personal study sheets
Why I chose Gemma 4 31B
The extension uses
After testing several models, Gemma felt like the best balance between:
- multilingual quality
- reasoning
- contextual understanding
- cost
- response speed
One thing I noticed quickly is that vocabulary translation is deceptively difficult.
A word rarely means the same thing everywhere.
Take the word:
"charge"
Depending on context, it could mean:
- electrical charge
- legal accusation
- payment
- responsibility
Literal translation systems often fail here.
Gemma performed noticeably better at understanding contextual meaning rather than blindly translating tokens.
That mattered a lot for this project.
Why OpenRouter made sense
I used
4. Pin the extension
After loading the extension:
- click the Extensions icon in Chrome
- pin LinguaFlow to the toolbar
This makes it easier to access while reading blogs or articles.
Using LinguaFlow on a website
Step 1 — Open any article or blog
Visit:
- Dev.to
- Medium
- documentation sites
- tutorials
- news articles
- or any readable webpage
Step 2 — Activate LinguaFlow
Click the extension icon and press:
Activate on this page
The extension will begin scanning the article for target vocabulary.
Step 3 — Add your API key (one-time setup)
For the first setup, add either:
- your OpenRouter API key
- or Gemini API key
Now select:
- your target language
- vocabulary difficulty level
Difficulty modes:
- Beginner
- Intermediate
- Advanced
This controls which words get highlighted.
Reading experience
Once activated, LinguaFlow automatically underlines words that may be useful for learning.
Whenever you find a useful word, you can save it instantly.
Saved vocabulary can later be accessed directly from the extension UI.
Users can also export saved vocabulary as:
- CSV
- JSON
which works nicely for:
- flashcard apps
- study sheets
- spaced repetition systems
- Anki imports
Current supported features
- AI-powered contextual translation
- 10+ target languages
- difficulty-based vocabulary filtering
- smart inline underlining
- vocabulary saving system
- CSV/JSON export
- lightweight reading experience
- works across modern blog platforms
Tech Stack
Built with:
- React
- TypeScript
- Tailwind CSS
- Chrome Extension Manifest V3
- OpenRouter
- Gemma 4 31B
What’s next
A few ideas I'm exploring:
- AI-generated quizzes from saved vocabulary
- pronunciation support
- YouTube subtitle integration
- spaced repetition mode
- offline vocabulary caching
- contextual sentence explanations
Final thoughts
Most language tools pull you away from what you're doing.
LinguaFlow tries to stay inside the experience instead.
The best learning moments often happen accidentally:
- while reading a blog
- exploring a tutorial
- scrolling through an article at 2AM
If a tool can turn those moments into vocabulary growth without interrupting curiosity, I think that's genuinely useful.
And honestly, building this made reading online feel fun again.
If you'd like to try the project, contribute ideas, or give feedback, I'd love to hear your thoughts.
Built with ❤️ using Gemma 4 31B .
SOCIAL SHARE CARD GENERATOR