Amazing Resources for Web Developers
Tags: javascript, webdev, beginners, programming
Published: 2022-03-18 14:41:38

Found amazing resources which will save you tons of time as a web developer👇

### 1. [10015 Tools](https://10015.io/)

It includes text tools, image tools, CSS tools, coding tools (e.g. minifiers), color tools, social media tools, and a few others under a miscellaneous category.


![Screenshot 2022-03-18 at 7.40.31 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647612683917/w_N0Pm_vT.png)

### 2. [Color palettes](https://colorpalettes.earth/)

This tool displays color palettes sourced from images of nature


![Screenshot 2022-03-18 at 7.42.54 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647612786152/Yzm-0ERRt.png)

### 3. [Unicode Arrows](https://unicodearrows.com/)

Unicode Arrows a one-stop location to copy and paste


![Screenshot 2022-03-18 at 7.43.44 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647612833916/OYAz_Lvdt.png)

### 4. [Iconduck](https://iconduck.com/)

This has 100,000 icons that are searchable by keyword.

![Screenshot 2022-03-18 at 7.44.21 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647612872650/7SvlZpBN2.png)

### 5. [Glassmorphism CSS Generator](https://ui.glass/generator/)

This is an online generator that lets you build a “glassmorphism” effect on a page element.

![Screenshot 2022-03-18 at 7.45.03 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647612912898/Y3aEuMvj-.png)

### 6. [Skuawk](https://skuawk.com/)

It's an alternative to Unsplash, for stock images 😉

![Screenshot 2022-03-18 at 7.47.27 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613067105/w88DqtQe3.png)

### 7. [Doodad Pattern Generator](https://doodad.dev/pattern-generator/)

This interactive tool allows you to build your own patterned backgrounds that you can export in a variety of formats.

![Screenshot 2022-03-18 at 7.48.19 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613180596/dkDQXhSNE.png)

### 8. [Buttons Generator](https://markodenic.com/tools/buttons-generator/)

This is a gallery of buttons built with HTML and CSS.

![Screenshot 2022-03-18 at 7.49.16 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613189590/hwNrBhggm.png)

### 9. [Neumorphism Generator](https://neumorphism.io/#e0e0e0)

Generate your own neumorphism

![Screenshot 2022-03-18 at 7.50.35 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613277621/qyU7AjQe1.png)

### 10. [SVG Repo](https://www.svgrepo.com/)

It’s a repository of more than 300,000 free, optimized, SVG-based graphics and icons

![Screenshot 2022-03-18 at 7.51.02 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613286366/YrXPcmVbU.png)

### 11. [MapLibre](https://maplibre.org/)

Mapping library which includes JavaScript library as well as an SDK for displaying maps inside of iOS and Android apps.

![Screenshot 2022-03-18 at 7.51.54 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613377853/6kLqbSXpX.png)

### 12. [Baseline Background Remover](https://baseline.is/tools/background-remover/)

AI-based background remover tools have been a dime-a-dozen recently.
Yeah, It's free as of now!

![Screenshot 2022-03-18 at 7.52.37 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1647613387128/UbJn64abK.png)

Most of the above sites are free to make your life easier by using the above tools 😉

<a href="https://www.buymeacoffee.com/suprabhasupi" target="_blank"><img src="https://i.imgur.com/4t25pJE.png" alt="Buy Me A Coffee" /></a>

<table>
  <tbody>
    <tr>
      <td>
        🌟 <a href="https://twitter.com/suprabhasupi"> Twitter</a>
      </td>
      <td>
        📚 <a href="https://gum.co/css-pseudo-class-elements"> Ebooks</a>
      </td>
<td>
        🌟 <a href="https://www.instagram.com/suprabhasupi/"> Instagram</a>
      </td>
    </tr>
  </tbody>
</table>