
Squints
Design tools for the live web
About Squints
Squints is an innovative browser extension designed for web designers, developers, and UX professionals seeking real-time insights into live web pages. By overlaying a suite of powerful design tools directly onto any website, it allows users to measure spacing, draw guides, apply column grids, and pick colors in various formats—all without leaving the page. Additionally, Squints provides the ability to identify the exact font rendered and control animations by slowing down or scrubbing through them, making it an invaluable tool for debugging, design analysis, and quality assurance. Its zero-intrusion approach, being free with no account or tracking, makes it accessible and privacy-conscious, perfect for quick inspections or detailed design reviews on the fly.
Screenshots






+1 more screenshots
Pros
- ✓No account or tracking, ensuring user privacy
- ✓Quick and easy to overlay design tools on live web pages
- ✓Versatile features including spacing measurement, color picking, and font identification
- ✓Supports animation scrubbing and slowdown for debugging
- ✓Free to use, making it accessible for all users
Cons
- ✗Limited to browser extension capabilities, may lack advanced editing features
- ✗Dependent on browser compatibility and extension support
- ✗No built-in collaboration or sharing features
Use Cases
Pricing
Pricing not verified
Quick Info
Topics
Makers
Andreas Katzmann
Alternatives
Similar Tools in AI Image & Design
Embed Badge
Add this badge to your website to show that Squints is featured on Visalytica.
<a href="https://www.visalytica.com/tool/squints" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#7c3aed;color:#fff;border-radius:8px;font-family:-apple-system,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s" onmouseover="this.style.background='#6d28d9'" onmouseout="this.style.background='#7c3aed'"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-4"/></svg>Featured on Visalytica</a>