Essential Tools and Libraries for Daily Web Development Works

Table of Contents

1. Introduction
2. UI/UX
   • Free Images
   • Icons and Illustrations
   • Color Palette Generators
   • Design Inspirations
   • Accessibility Tools
   • UI Essentials
3. Javascript
   • Date Manipulation
4. React
   • React Forms
   • React Animations
5. All-in-One
6. Conclusion

Introduction

Have you ever had a scenario where you want to use something you've used before, but it doesn't seem to come to mind? It's like it's right there on the tip of your tongue, but you can't quite remember it. As web developers, we often find ourselves in this situation, searching for that perfect icon to elevate our user interface, that free image to add flair to our content, or that NPM library to streamline our code.

In this blog, you'll discover a curated list of tools and libraries that can help you overcome these moments of forgetfulness and supercharge your web development workflow. These resources have become the go-to solutions for many web developers, saving time and elevating the quality of web projects. Let's dive in and rediscover the gems that can enhance your web development journey.

---

UI/UX

Free Images

1. Unsplash
2. Pexels
3. Pixabay
4. Burst by Shopify
5. Gratisography
6. Splitshire

Icons and Illustrations

1. Reshot
2. Undraw
3. Icons8
4. Flaticon
5. Lottie
6. Paaatterns!

PNG to SVG

1. Vectorizer

Wireframe

1. Excalidraw

Color Palette Generators

1. Tailwind Color Palette Generator
2. Coolors

Design Inspirations

1. Dribbble
2. Behance
3. Awards
4. One Page Love

Accessibility Tools

1. Web Content Accessibility Guidelines(WCAG)
2. WAVE Accessibility Evaluation Tool
3. Contrast Checker
4. axe Accessibility

UI Essentials

1. Everything you should know about 8-point grid system in ux design
2. Refactoring UI: Summary

---

Javascript

Date Manipulation

1. dayjs
2. Moment.js

---

React

React Forms

1. Formik
2. Yup

React Animations

1. Framer Motion

All-in-One

https://toolkit.addy.codes/

More coming soon.

Conclusion

In the fast-paced world of web development, learning and adapting are essential. This blog will be regularly updated with the latest tools, insights, and resources to help you stay at the forefront of your field.

Bookmark this page and follow us on social media for continuous updates. Your journey in web development is a path of innovation and creativity. Happy coding and creating outstanding web experiences!