Pricing
Choose the right plan for you, whether you're a designer, QA or builder.
Inspect
Perfect for design and QA
- Unlock 20+ inspection tools
- Use on 3 devices
- Free updates forever
- 30-day money-back guarantee
Studio
Perfect for development and building
- Everything in Inspect
- Live CSS, HTML, and text editing
- Edit states, pseudos, and breakpoints
- Per-element change tracking with diff
- MCP server for AI coding agents
Free 7-day Studio trial, no card required · Regional pricing available · Already have a license?
Fast. Clear UI. No unnecessary bells and whistles. After 5 minutes I switched to the pro version. Great, fine tool.
Compare plans & features
| Edit CSS Live | Not included | Included |
| Cut, Copy, Paste and Manipulate HTML | Not included | Included |
| Edit Page Text | Not included | Included |
| Edit Tailwind Classes | Not included | Included |
| Edit States & Breakpoints | Not included | Included |
| Per-Element Change Tracking with Diff | Not included | Included |
| Save Edits per Site | Not included | Included |
| MCP Server | Not included | Included |
| Floating Inspector | Included | Included |
| Visualize Layout | Included | Included |
| Extract Colors | Included | Included |
| Analyze Typography | Included | Included |
| Inspect Gradients | Included | Included |
| Visualize Box Shadows | Included | Included |
| Analyze Animations | Included | Included |
| Inspect Transitions | Included | Included |
| Browse CSS Rules | Included | Included |
| Search by Selector | Included | Included |
| Generate Tailwind Classes | Included | Included |
| Overlay Layout Grid | Included | Included |
| X-Ray Mode | Included | Included |
| Preview Responsive Sizes | Included | Included |
| Detect Breakpoints | Included | Included |
| Extract Assets | Included | Included |
| Inspect Canvas | Included | Included |
| Detect Technologies | Included | Included |
| Measure Page Weight | Included | Included |
Loved by designers and developers
Having gone through a few dozen plugins, this is worth every $. Also Mr. Violets is incredibly responsive - that alone is worth the price.
This tool has replaced several browser extensions I used as a web designer, making my workflow much simpler.
Just hands down the best tool in my toolbox as a developer. It's more than just a simple ruler, and helps me out everyday just about.
Yes, this is a nice tool that speeds up the webbuilding process! Great price!
A beautiful little tool. It also feels so light and snappy in the browser. It is so much more than a ruler.. An invaluable piece of my workflow when designing sites.
This extension is incredible
FAQ
Can I use Screen Ruler for free?
Yes. Screen Ruler is free to use, forever. Upgrade to Pro for advanced features like layout visualization, color extraction, animation inspection, and live editing.
How does the free trial work?
You get a free 7-day Studio trial with no card required. When the trial ends, the extension reverts to the free tier. No auto-charge, no surprise. Upgrade any time to keep Studio features.
Is this a one-time purchase or a subscription?
One-time. Pay once, use it forever. No subscription, no auto-renew.
Can I use my license on multiple computers?
Yes. Each license is good for 3 activations, so you can use Pro across your work and personal computers.
What if I lose my license key?
Sign in to gumroad.com with the email you bought with to retrieve your key, or email violetsmyster@gmail.com for help.
How secure is the payment?
All payments are processed by Gumroad. Your card and billing details are stored on Gumroad’s servers; Screen Ruler never sees them.
What if I change my mind?
A 30-day money-back guarantee is included. Email violetsmyster@gmail.com within 30 days for a full refund.
How can I contact support?
For any billing, licensing, or product question, email violetsmyster@gmail.com.