Squints
Design tools for the live web
61 followers
Design tools for the live web
61 followers
Squints puts design tools on top of any live web page. Measure spacing, drag out guides, overlay a column grid, pick colours in any format, see the font that actually rendered, and slow down or scrub any animation. Free, no account, no tracking.
Free
Launch Team
Customer.ioAutomate Messaging Everywhere — Startups Get 12 Months Free
Promoted
@andreasktz yooo this is sick, going to try it out today for my launch! upvoted 👊
@matthewschapiro Thanks! Your launch looks really cool too.
Being able to scrub through animations is such a simple idea but I can see myself using it a lot.
@daniel_carter19 Honestly my favorite feature. Makes it so much easier to make nice animations.
I’m constantly checking spacing in the browser so having this right there makes sense.
The rendered font thing is a nice detail. I’ve definitely had cases where the browser wasn’t using what I expected.
The column grid would probably get a lot of use from me. I’m always eyeballing alignment.
Okay, this is actually pretty useful.
@trevor_loy23 Glad you think so! I initially built it for myself, but thought others might find it useful.
I like that you built this around the actual live page. That’s usually where I end up doing the final checking anyway.