💡 UI inspiration: Your favorite apps cloned in Retool!

Keen followers of the Bold Tech blog and The Toolbox newsletter will know that the Bold Tech team has had some fun recently building out creative UIs on Retool!

As most Retool devs can relate, it’s easy to get trapped in a lot of the same design patterns when building out apps on Retool, particularly when building a lot of admin panels, dashboards, and CRUDs (like we do day-in and out!).

That’s why we set our team the challenge of rebuilding their favorite app UIs in Retool to see how far they could stretch components and enhance the design with a few sprinkles of Custom CSS. We’re pretty excited about the results! Next Retool hackathon anyone? @kbn @sarahs

While it’s easy to think that UI design on Retool is very rigid, this exercise really showed us that with a bit of creativity it was possible to create effects and functionality like:

Containers with gradients
Collapsing sidebar navigation
Popover UIs
Creative dropdown nav menus
Subtle user feedback in the form of hovers

Here’s the final selection. You can head to the blog posts to see how we built some of the key features, play around with the apps, and even download the templates to import into your own Retool environments!

Hubspot by @JoeyKarczewski

YouTube by @Milan_Kalem

Steam by @Mitchel_Smith

Reddit by @stefancvrkotic

… and even Retool :face_with_hand_over_mouth: (obviously by @stefancvrkotic )

Interested to hear what you all think! What apps should we clone next?

12 Likes

@stefancvrkotic 's Retool clone proved to me that I am an easy vector for getting hacked :zipper_mouth_face:

This was a super fun mini-project inspired by Retool studio. They also have some great app build outs there that I often use for inspiration. Thanks @kent for all of the great designs and making me realize that Retool component padding is optional :fire:

2 Likes

Best part of this challenge was people not noticing the Retool-Inception :joy:

1 Like

:clap: :smiley: Awesome! Thanks so much for sharing