4 Dank Front-end tools

#tooling #design #webdev #productivity

Hello guys today i am going to show you 4 dank front-end tools which you can use to create overall beautiful designs for your websites
Thes 4 tools helps you to create unique box-shadow , border-radius , gradient-colors and glassmorphism effects.

Lets get started....

1. Box-shadow -

This website helps you to create box shadow by manipulating number of shadow layers, transparency , horizontal and vertical distance of shadows , blur strength and spread distance of the shadow.

Link - https://shadows.brumm.af/

2. Border-radius -

This website helps you to create unique borders for your cards or any other elements with the help of box-radius property of css.

Link - https://9elements.github.io/fancy-border-radius/

3. Glassmorphism Effect -

This website helps you to create glassmorphism effect which is very beautiful design if used with a good background.It has 2 values to manipulate blue and transparency and also you can set the background colors

Link - https://hype4.academy/tools/glassmorphism-generator

4. Gradients -

This website helps you to create beautiful gradients with multiple colors to manipulate.
Link - https://www.csshero.org/mesher/

(It's alternative is uiGradients - https://uigradients.com/#Dracula)

Thats it for this post.
THANK YOU FOR READING THIS POST AND IF YOU FIND ANY MISTAKE OR WANTS TO GIVE ANY SUGGESTION , PLEASE MENTION IT IN THE COMMENT SECTION.
^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/higher-order-function-in-javascript-1i5h

https://dev.to/shubhamtiwari909/styled-componenets-react-js-15kk

https://dev.to/shubhamtiwari909/introduction-to-tailwind-best-css-framework-1gdj