Visually edit your site's CSS without inspecting code.

#5 Product of the DayJuly 12, 2018

Toybox gives you the power to visually edit any website's CSS without inspecting code. As you make edits, we create & store clean CSS annotations for you and your developers.

How it works:

1. With 1 click - capture any web page (live or local) and re-render it within Toybox

2. Visually edit and annotate your UI.

3. Share, comment, and collaborate.

  • Jacob Eiting
    Jacob EitingRevenueCat, Thought Maven

    Nice way to handle visual collaboration


    Browser plugin

    Toybox is a nice way for my co-worker and I to bounce things back and forth without getting up and disrupting each other, or sharing screenshots over and over. We're just getting started with it but I'm excited to see how it changes our workflow.

    Jacob Eiting has used this product for one week.
  • Pros: 

    Super simple to use, no need to change workflows


    None :)

    I've been looking for a product that does this for over a year! Toybox is very low-friction to get started, and when I use it to send feedback to team members they instantly understand my feedback. Can't wait to see the new features as they release them.

    Jeremy Evans has used this product for one week.
You need to become a Contributor to join the discussion.
Jono Kolnik
Jono KolnikMaker@kolnik · CTO @ Toybox
Hey PH! Brendan and I have been creating web apps together for over a decade. Brendan is a UX designer and I’m a full-stack engineer and we built Toybox because our old process was as follows: 1. I would push a change to production 2. Brendan would review the update and see it looked nothing like the mockups he made. 3. We'd either: sit next to one another and go through the small visual edits pixel-by-pixel OR Brendan would create spreadsheets and slack threads with screenshots and annotations of CSS changes. This sucked and was wasting a lot of our time so we decided to build a tool for our own internal visual/design review. We created Toybox to be a place where developers can share their WIP, designers can easily make tweaks without knowing how to code, and all of the changes are saved as CSS annotations - allowing for quick implementation. We hope you find this tool useful for your product development process and we’d absolutely love to hear your feedback. We’ll be here to answer any questions and comments. Thanks so much everyone! P.S. For those wondering why the name Toybox - it’s an homage to the t-shirt company we started together in high school, which put us on the entrepreneurial journey that lead us here today!
I had a chance to play with Toybox, and it’s absolutely the best way to provide actionable feedback on website design, copy, style, etc... before even deploying the site live. Love it.
Brendan Mahony
Brendan MahonyMaker@bmaho2211 · Co-Founder
@yuris Thanks so much Yuri - look forward to hearing more of your thoughts/ways we can improve!
Greg Stone
Greg Stone@gregstone14 · Owner & Designer at ChampKid Design
Hey, congrats! This looks like a rad product and I'm rather excited about it. Just so you know, your "Sign Up" link takes users to an unsecure page, not https. I typed it in manually, but you might want to fix that up so as not to turn away potential users. :)
Brendan Mahony
Brendan MahonyMaker@bmaho2211 · Co-Founder
@gregstone14 Hey Greg. Thanks so much for letting us know - we just updated those links on the site! Excited to hear what you think about Toybox :)
James Sulinski
James Sulinski@jsulinski · Founder, Federacy
We're using this as we prepare to launch, and it's super helpful for efficiently communicating about design on SSRs and SPAs. The team behind it is also great and I can't wait to see what they build for their next features.
Brendan Mahony
Brendan MahonyMaker@bmaho2211 · Co-Founder
@jsulinski Thanks so much James - look forward to hearing more of your thoughts!
Jesse Korzan
Jesse Korzan@jessekorzan · Product Design @ Klue
I was hoping to use this on our application (we've been looking for something like this)... but the CSS in the inspector is very inaccurate (often not rendering most of the elements). Maybe it's not ready for more complex UI. But the potential is there... I'll check back later and see if it's improved.
Brendan Mahony
Brendan MahonyMaker@bmaho2211 · Co-Founder
@jessekorzan Hey Jesse! Totally hear you - we're actively working on making the CSS inspector more accurate. Taking a look at your site now to see what we can do.
Jesse Korzan
Jesse Korzan@jessekorzan · Product Design @ Klue
@bmaho2211 Thanks mate... it's the local version that's rendering blanks... I'd be willing to change my markup or CSS if you thought that was an easy fix to use this tool.
Brendan Mahony
Brendan MahonyMaker@bmaho2211 · Co-Founder
@jessekorzan We want to make local environments rock solid but really appreciate your patience/being flexible. We're working on it now - thanks again!