The latest articles on DEV Community by Shaikat (@shaikat). https://dev.to/shaikat https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F905079%2F5f1e60cd-c165-45cb-8733-a113a83a7bfa.jpeg https://dev.to/shaikat en Shaikat Fri, 27 Oct 2023 10:07:28 +0000 https://dev.to/shaikat/front-end-development-design-tools-4fmk https://dev.to/shaikat/front-end-development-design-tools-4fmk <p>Hello , Developers hope everyone is well. today I am going to introduce some necessary tools</p> <p><strong>Icon</strong> </p> <ol> <li> <a href="https://ionic.io/ionicons">https://ionic.io/ionicons</a> </li> <li> <a href="https://fontawesome.com/icons">https://fontawesome.com/icons</a> </li> <li> <a href="https://boxicons.com/">https://boxicons.com/</a> </li> <li><a href="https://icon-sets.iconify.design/bx/">https://icon-sets.iconify.design/bx/</a></li> </ol> <p><strong>SVG, Illustration Icons, Animated Icon, and SVG</strong></p> <ol> <li> <a href="https://lordicon.com/icons">https://lordicon.com/icons</a> </li> <li> <a href="https://www.manypixels.co/gallery">https://www.manypixels.co/gallery</a> </li> <li> <a href="https://icons8.com/illustrations">https://icons8.com/illustrations</a> </li> <li> <a href="https://icons8.com/">https://icons8.com/</a> </li> <li><a href="https://www.flaticon.com/">https://www.flaticon.com/</a></li> <li> <a href="https://lottiefiles.com/">https://lottiefiles.com/</a> </li> <li><a href="https://creattie.com/">https://creattie.com/</a></li> </ol> <p><strong>Vector, SVG Images &amp; Photos 📸</strong> </p> <ol> <li> <a href="https://worldvectorlogo.com/">https://worldvectorlogo.com/</a> </li> <li> <a href="https://www.freepik.com/">https://www.freepik.com/</a> </li> <li> <a href="https://www.vectorstock.com/">https://www.vectorstock.com/</a> </li> <li> <a href="https://www.vecteezy.com/">https://www.vecteezy.com/</a> </li> <li> <a href="https://unsplash.com/">https://unsplash.com/</a> </li> <li><a href="https://www.fotor.com/">https://www.fotor.com/</a></li> </ol> <p><strong>Path Design</strong></p> <ol> <li><a href="https://miro.com/app/dashboard/">https://miro.com/app/dashboard/</a></li> </ol> <p><strong>Color picker</strong> </p> <ol> <li><a href="https://htmlcolorcodes.com/color-picker/">https://htmlcolorcodes.com/color-picker/</a></li> </ol> <p><strong>Generate blobs</strong> </p> <ol> <li> <a href="https://lokesh-coder.github.io/blobs.app/?e=6&amp;gw=6&amp;se=2459&amp;c=d1d8e0&amp;o=0">https://lokesh-coder.github.io/blobs.app/?e=6&amp;gw=6&amp;se=2459&amp;c=d1d8e0&amp;o=0</a> </li> <li> <a href="https://www.blobmaker.app/">https://www.blobmaker.app/</a> </li> <li><a href="https://superdesigner.co/">https://superdesigner.co/</a></li> <li> <a href="https://shuffle.dev/tools/blob-generator">https://shuffle.dev/tools/blob-generator</a> </li> </ol> <p><strong>CSS Clip-path</strong></p> <ol> <li> <a href="https://bennettfeely.com/clippy/">https://bennettfeely.com/clippy/</a> </li> <li><a href="https://www.cssportal.com/css-clip-path-generator/">https://www.cssportal.com/css-clip-path-generator/</a></li> <li><a href="https://10015.io/tools/css-clip-path-generator">https://10015.io/tools/css-clip-path-generator</a></li> <li><a href="https://unused-css.com/tools/clip-path-generator">https://unused-css.com/tools/clip-path-generator</a></li> </ol> <p><strong>For Cool CSS Design</strong> </p> <ol> <li> <a href="https://css.glass/">https://css.glass/</a> </li> <li><a href="https://ui.glass/generator/">https://ui.glass/generator/</a></li> <li> <a href="https://layout.bradwoods.io/">https://layout.bradwoods.io/</a> </li> <li><a href="https://grid.layoutit.com/">https://grid.layoutit.com/</a></li> <li> <a href="https://www.toptal.com/developers/css3maker">https://www.toptal.com/developers/css3maker</a> </li> </ol> <p><strong>Design Template</strong> </p> <ol> <li><a href="https://www.freepik.com/free-photos-vectors/template-design">https://www.freepik.com/free-photos-vectors/template-design</a></li> <li> <a href="https://www.canva.com/templates/">https://www.canva.com/templates/</a> </li> <li><a href="https://elements.envato.com/graphic-templates">https://elements.envato.com/graphic-templates</a></li> <li><a href="https://create.vista.com/templates/">https://create.vista.com/templates/</a></li> <li><a href="https://www.designhill.com/templates/">https://www.designhill.com/templates/</a></li> </ol> <p>Hope this will help you to enhance your work.</p>