CSS/Frontend resources you must take a look at

Published on October 29, 2021 Updated on June 13, 2024

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.

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/

Neumorphism.io

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

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/

Haikei

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

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/

Fancy-Border-Radius generator

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

Dribbble

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

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/

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.

Something wrong or just found a typo? Edit this page on GitHub and make a PR!

Comments