Toolbox

TeenyTools

The small tools designers who code use daily, in one tab

Notes

A quick, all-in-one toolbox of small tools for designers and designers who code. teenytools has many frequently used tools by developers every day, it provides both the ease of access on commonly used tools and a depth of customizations on those tools too.

I use small websites like coolors, blobmaker, and other small tools literally every single day to do repetitive tasks like making color palettes, creating graphics, and other design-related tasks. I even have them bookmarked for easier access. BUT still, I don't like switching tabs among 20 other tabs that I have open already. on the other hand, I LOVE the UX of Raycast, which allows me to navigate anywhere or execute a small script with just simple commands.

I wanted an app that does all this in a single tab, that is fast and easy to access, that's how teenytools was born

teenytools is built with CRA, ChakraUI, Framer motion and a ton of research on colors and color spaces

Figures

A gif of teenytools functionalities — Fig. 1 Teenytools functionalities

An image showing teenytools powerful color editor or explorer — Fig. 2 Teenytools powerful color editor or explorer

A gif showing teenytools command palette — Fig. 3 Teenytools command palette

A gif showing teenytools quick actions from command palette — Fig. 4 Teenytools quick actions from command palette

An image showing teenytools generative functionality to generate organic patterns — Fig. 5 Teenytools generative functionality to generate organic patterns