A small chrome extention that shows you cool info about any webpage you are on. Just click the icon and it tells you the reading time, colors used in the page, fonts, and a bunch of other stuff.
You click on the Wispen icon in your browser and a small panel opens up with:
- how long the page takes to read
- word count and character count
- number of links on the page ( and how many go to other sites)
- number of images (and if any are broken)
- headings on the page
- how fast the page loaded
- top 5 colors used on the page - you can click any color to copy the hex code
- fonts the page uses - click to copy the font name
- copy button. that gives you a text summary of everything
That's it. It's simple but I think it's kinda useful.
I kept opening dev tools everytime I wanted to check the wont a website was using or grab a color from a page I liked. Also I am bad at estimating how long articles take to read so I wanted something that just tells me.
- Download this repo (or clone it)
- Open Chrome and go to
chrome://extensions - Turn on "Developer mode" (top right corner)
- Click "Load unpacked"
- Select the
wispenfolder - Pin the extension so you can see the icon
- Click it on any website
Should work on Edge and Brave too since they use Chromium.
Vanilla HTML, CSS, JavaScript. Chrome Manifest V3. No backend, no login, no tracking.