This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Raval is a free, open-source Chrome extension for looking closely at any website. Hover for sizes, click for fonts and colours, measure the gaps between elements, drop guides that snap to edges, then mark it up and screenshot it. No digging through DevTools.
Hi, I'm Solomon, a design engineer, and I made Raval.
I like studying design systems and sites from people I look up to in design engineering. I wanted to understand why things look the way they do, and every time that meant opening DevTools and hunting through panels for one gap, one font or one colour. I wanted that to be fun and intuitive instead.
So Raval reads those values straight off the page:
- Inspect: hover for sizes, click text or an element for its font, colours and box values
- Measure: click up to five elements and read the gap between them
- Guides: place guides that snap to element edges, saved per page
- Annotate: callouts, notes, arrows and a pen, then capture the whole view or just a region
It's free, open source, has no account and collects no data.
You can try it without installing anything: there's a live demo on the homepage.
It's for people who obsess over details. I'd love to know whose site you'd inspect first, and what you'd want Raval to tell you about it.
No comment highlights available yet. Please check back later!
About Raval on Product Hunt
“Measure, inspect and annotate any webpage”
Raval was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #57 on the daily leaderboard. Raval is a free, open-source Chrome extension for looking closely at any website. Hover for sizes, click for fonts and colours, measure the gaps between elements, drop guides that snap to edges, then mark it up and screenshot it. No digging through DevTools.
Raval was featured in Design Tools (263.5k followers), Open Source (69k followers), Developer Tools (521.6k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 185.1k products, making this a competitive space to launch in.
Who hunted Raval?
Raval was hunted by Solomon Akuson. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Raval stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Solomon Akuson