Productive Tools🚀 For Web Development😎

🦸FRONTEND ESSENTIALS

In modern times, our lives have certainly become a bit more dynamic.
Being aware of this, We'll be exploring broad category of tools.So let me show you some tools I find extremely useful, either because they make my life easier or because they push me to write more accessible code🕴️.

Color 🌈

1.Colordot - A color picker for humans

2.uiGradients - Beautiful colored gradients

3.Stylify Me - Online Style Guide Generator

4.Colors and Fonts

Fonts 📣

FontSpark | Discover Better Fonts

Icon 🎩

Noun Project

CSS 👑

CSS Grid: Style Guide

Logo 💎

Logaster logo maker

Animation 👾

1.Animate.css

2.CSSeffectsSnippets

3.Animatopy

4.Collect UI

5.Steam inspired game card hover effect

6.UnDraw

7.Animista

8.Vivify - CSS Animation Library

9.CSS Animation Library for Developers and Ninjas - cssanimation.io

10.Magic Animations CSS3

11.vector illustrations – Ouch.pics

12.Illustrations Vectors, Photos and PSD files

13.MIT Vectors

14.Humaaans: Mix-&-Match illustration library

That’s it for now! Just a quick overview of some of the tools that make my work a little bit more productive. I just hope I helped you in this choice and thus, make your life more arranged and creative.

Comments

[Baha_dev]

Thanks for the amazing post.

[Julia Flash]

love this. And have used a lot of these!!! :-)

[Rene Padillo 🇵🇭]

cool! thanks for sharing 😀

[Edmon Garcia]

Thank you for sharing😁

[wegissilveira]

Thank you so much for this.

[Rishab Kumar]

Thanks for sharing! ❤

[Vlastimil Pospichal]

paletton.com/

[Igor Conde]

Thanks :D

[Praveen Kumar]

Appreciate the effort❤️

[Douglas Fugazi]

Damn, this is pretty cool. Thanks for sharing 👍