Interesting Design Resources – PlaceIt, Sidebar and Gradient Finder

Just came across a couple of interesting design sites or tools and thought to share the same with you all. Today I am gonna introduce you to three useful design-related websites, one is PlaceIt by Breezi, and the other is and the last one is Gradient Finder, OK let’s go in brief.

Design Resources and Tools - PlaceIt, and Gradient Finder
Design Resources and Tools – PlaceIt,, and Gradient Finder

PlaceIt by Breezi

is used to Generate Product Screenshots in Realistic Environments, you could choose any of the mobile or tablet or laptop frames provided like iPhone, iPad, Android, and other devices to take screenshots as if they are really photographed.

Just upload or point to the webpage for which you need to fit a screenshot of your products in these devices that’s it will automatically be processed on the fly to place your product within a realistic environment. I really liked this, it actually saves some designers time to edit the pictures – must bookmark.

is another minimal website that I came across which actually gives you access to quality and five best design links every day. If you can’t remember their website and can visit their website quite often, you may be missing some good design links – in such case, you could signup for their newsletter or subscribe to their RSS or follow them on Twitter or Facebook – they have actually provided alternatives to reach the designers.

And if you feel some great design resource has to be shared with their readers – you could even submit your favorite design links or resources to get it published on their website. Since when I came across this site – I keep following this site regularly.


is another interesting and very useful for the designers who will be having a tough time converting their designed gradients to CSS-based gradients means Gradient Finder will convert an image to pure CSS Gradient?

There are many other CSS Gradient generators available out there where you could manually enter the color codes and their gradient breakpoints etc.

But this is totally different, you don’t need to remember any color or breakpoint, etc. Just drag and drop the gradient image you designed that’s it, the pure CSS gradient code is in front of you – it is as simple as that.

I like all three tools – hope you all liked it too. Why not share your thoughts about these three tools and you can even share some design tools which you feel are worth showcased and get reviewed.

Scroll to Top