Inspect Element on steroids: study how things are made on the web in real-time and copy computed styles with no hassle (neither longhand styles)
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.
Keyframes gives you a visual timeline to help you create, view, and run animations without having to go back and forth between your browser and editor.
And it gives you the CSS when you're done.
Use the web app to create an animation on a basic shape, or install the extension to create an animation on any element, anywhere, on any website.
Quickly check and adjust contrast in realtime in your browser to meet the standards of WCAG (Web Content Accessibility Guidelines).