Web dev and designer tools (Part-2)
Tags: webdev, programming, design, tooling
Published: 2021-12-13 16:06:49

_So in this topic I've listed web developing and designing tools part 2 and you can find link at last of part 1 ,so we'll see_

**1.Hidden websites for Web developers**
**a)[Tabler Icons](https://tabler-icons.io/)**
It's a free and open source icons designed with attention to detail to make your design stand out.
![Tabler Icons](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kw6235j3apq6kw1h0a3h.jpg)
**b)[remove bg](https://www.remove.bg/)**
It removes image background 💯 automatically in 5s w/o a single click for free
![Remove bg](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y5w2c2xbass0wnjpnft1.jpg)
**c)[Dev resources](https://devresourc.es/)**
A collaborative list of resources for developers,presented in curated categories.
![Dev resources](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/38q00i0bzgutp64o0lnf.jpg)
**d)[Free Code Tools](https://freecodetools.org/)**
Collection of free SEO and code tools
![Free Code Tools](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2s1a7nd9auxw74tibrq.jpg)
**[Coolors](https://coolors.co/)**
Generate or browse beautiful color combinations for your designs.

**2.Awesome CSS layout generators**

**a)[Layout it](https://grid.layoutit.com/)**
![Layout it](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bmbsnkpeuaor8ltohrt2.jpg)
**b)[CSS layout](https://csslayout.io/)**
![CSS Layout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5lyn5y72hg680ed01v6.jpg)
**c)[Griddy](https://griddy.io/)**
![Griddy](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pl9rbgawe8qbky1sij1g.jpg)
**d)[CSS Grid Layout](https://vue-grid-generator.netlify.app/)**
![CSS Grid Layout](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tr76f77mv01k8lk012j3.jpg)

**3.5 websites to become a better developer**

**a)[Geekstatic](https://geektastic.com/)**
It's the go-to to improve your technical skills and get better at solving real life coding problems!.
![Geekstatic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7fmnc6hmv4ckjhb6xrum.jpg)
**b)[DataCamp](https://www.datacamp.com/?irclickid=TvF1ZXx-2xyIWCdRlKxBMx0uUkG2DMTddXGswE0&irgwc=1)**
Targeted at Data Science,this will be the best one to master the fundamentals and get certifications!
![Data Camp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/71v4hz7p3mhfhobe2uru.jpg)
**c)[Code Signal](https://codesignal.com/)**
Probably the most underrated,this one will have some difficult challenges that will make you use 100% of your braincells!
![Code Signal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/12ekr7jncf5348n5ipn2.jpg)
**d)[Rosettacode](https://github.com/skreimeyer/RosettaCode)**
It's a coding challenge website but that's not all ,it has challenges for nearly every coding language that exists!
**e)[Advent of Code](https://adventofcode.com/)**
In this simple and hard problems are well explained, with a cool UI🔥
![Advent of Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ps1k1p9my8ze6g8zfz7q.jpg)

**4.5 JavaScript Animation Libraries**

**a)[Ani JS](https://anijs.github.io/)**
![Ani Js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lu6ivbyd7fvb7q3rfg1l.jpg)
**b)[Scroll Reveal JS](https://scrollrevealjs.org/)**
![Scroll Reveal JS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3tg47eu5vjydl7j3jkih.jpg)
**c)[Popmotion Pure](https://popmotion.io/pure/)**
![Popmotion Pure](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/697ypomgtn0z56olq3we.jpg)
**d)[MoJS](https://mojs.github.io/)**
![MoJS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wk5l5hfqy50x8thhzsz8.jpg)
**e)[Lottie JS](https://lottiefiles.com/animation/js)**
![Lottie JS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixo04lrl8a1i3j131gl8.jpg)

**5.6 JavaScript libraries you might don't know about it**

**a)[Typed.js](https://github.com/mattboldt/typed.js)**
![Typed.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ju1cw3tfrenvyi3hgw8z.jpg)
**b)[Tilt.js](http://gijsroge.github.io/tilt.js/)**
![Tilt.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5jon9s6ihdp5jfopu3m1.jpg)
**c)[GSAP](https://greensock.com/docs/)**
![GSAP](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rn9yowndxs1zfux2rzpk.jpg)
**d)[Scroll Magic](http://scrollmagic.io/docs/)**
![Scroll Magic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uxt1yqljikm8mx5pdpi1.jpg)
**e)[Bideo.js](http://rishabhp.github.io/bideo.js/)**
![Bideo.js](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zmxs6tqxvj8umaffh2l4.jpg)
**f)[Slick](http://kenwheeler.github.io/slick/)**
![Slick](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2a2yj0j9zbg66j9kig9n.jpg)

**6.Best websites to find colors**

**a)[Color Hunt](https://colorhunt.co/)**
![Color Hunt](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y89sm5r4ymk0ammu9aoc.jpg)
**b)[Coolors](https://coolors.co/)**
**c)[Picular](https://picular.co/)**
![Picular](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lap0rqvx9wxvc0wu60uj.jpg)
**d)[CSS Gradient](https://cssgradient.io/)**
![CSS Gradient](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jrbpv7dhqayfdknn11o1.jpg)
**e)[BrandColors](https://brandcolors.net/)**
![Brand Colors](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ix3fjvgopyfs5r1csz10.jpg)
**f)[Adobe Color](https://color.adobe.com/create)**
![Adobe Color](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qm3eldcty6c4b22bpyir.jpg)
**g)[UI Gradients](https://uigradients.com/#DeepSeaSpace)**

**7.5 free SVG Shape generators for your next website**

**a)[ssshape](https://fffuel.co/ssshape/)**
![ssshape](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/devm0d064nrcvs2sldd8.jpg)

**b)[Blobmaker](https://www.blobmaker.app/)**
![Blobmaker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/muqrkhxypnxvbrzkr0yw.jpg)

**c)[Softr](https://www.softr.io/)**
![Softr](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sx4bt2302428x5tylb5s.jpg)

**d)[SVG wave](https://svgwave.in/)**
![SVG wave](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atc4f50tb90rk6vpdxvd.jpg)

**e)[Haikei](https://haikei.app/)**
![Haikei](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sfitsbxm1lcfi9eoi64g.jpg)

_And if I know more I'll be adding in part-1 and also in part-2_

**Link to Part-1⬇️**
[Web developer and designer tools Part-1](https://dev.to/madiha_eram/web-dev-and-designer-tools-part-1-2k1 )