Share on facebook
Share on reddit
Share on twitter
Share on pinterest
Share on tumblr
Share on whatsapp
CSS-frontend-Resources-you-must-take-a-look-at.png

CSS + frontend Resources you must take a look at

Share on facebook
Share on twitter
Share on linkedin
Share on tumblr
Share on whatsapp
Share on pinterest

In this article, I will tell you some resources you should bookmark as a CSS or Frontend developer. So, let’s start!

CSS Gradient

This is a site where there is a GUI where you can create gradients and get the CSS code for that. You can see a preview down.

139233635-6c32b411-a36c-4163-b20f-764dd88f0af4.png

Here is the link for that site – https://cssgradient.io/

Clippy

This tool is useful for making clip paths fast. You can see the tool by clicking this link https://bennettfeely.com/clippy/

139234329-6b94d563-965d-480c-a9cd-73a8dc7456cc.png

Neumorphism.io

In this tool, you can make 3D and realistic box shadows. without sweating. https://neumorphism.io/

139234924-733b4b19-c7d7-43da-bcfe-c5bb73668d3e.png

Blobmaker App

And this is not Just CSS, It’s SVG. You can make some cool SVG blobs using this website. https://www.blobmaker.app/

139235128-adf0e274-1f1a-44eb-8682-1c49a85ae851.png

Haikei

This tool was created by the creators of the Blobmaker App. You can generate blobs, waves, gradients, etc.
https://app.haikei.app/

139235677-5db6f5f9-b463-477b-9d68-b81845a0e4e8.png

Coolors

This tool helps you to create beautiful and unique colour palettes, you can create a palette and copy the CSS hex code or an array of the colour palette.
https://coolors.co/

139236606-e1805254-9056-47ac-a2de-d2e6de4d690f.png

Fancy-Border-Radius generator

You can make the CSS border-radius with this tool. https://9elements.github.io/fancy-border-radius/

139237432-99420a9e-662f-4f95-b87c-5214a3719140.png

Dribbble

This is not code, but some cool designs that you can be inspired by.
https://dribbble.com/

139237860-68bb7807-2d95-4b2f-9af3-dd9908e6cd03.png

Smooth shadow generator

One of my favourites. This tool will make some smooth and nice shadows. They look like the shadows in Material design.
https://shadows.brumm.af/

139238531-808cb465-91a7-4162-8c78-3efef436e500.png

The End

It’s the end of the post, see you next time! You can visit https://www.tronic247.com/ to stay updated with my latest posts.

Subscribe on YouTube

Leave a Reply

Your email address will not be published. Required fields are marked *

Request a tutorial if you didn't find what you need.