DEV Community

Cover image for 4 Dank Front-end tools
Shubham Tiwari
Shubham Tiwari

Posted on • Edited on

4 Dank Front-end tools

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/

Image description

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/

Image description

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

Image description

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)

Image description

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

Top comments (2)

Collapse
 
jonrandy profile image
Jon Randy 🎖️

I personally don't find any of these to be damp or cold

Collapse
 
shubhamtiwari909 profile image
Shubham Tiwari

It might not be dank but we can use these tools to create dank designs 😀