[25] Top 10 Must-Have Web Dev Tools – October 2021

There is an October 2021 edition of my blog post series – Top 10 Best Web Dev Tools. Every month I try to pick the most intriguing and handy instruments that, I believe, are must-haves for every web developer. This time there are:

1). OpenMoj…


This content originally appeared on DEV Community and was authored by MV

There is an October 2021 edition of my blog post series - Top 10 Best Web Dev Tools. Every month I try to pick the most intriguing and handy instruments that, I believe, are must-haves for every web developer. This time there are:

1). OpenMoji

An open-source emoji library made by 60+ students and 3 professors of the HfG Schwäbisch Gmünd and 20+ external contributors. I already use some of their brilliant emojis in my basketball-related project. They seem like a great alternative to the standard ones.

Open source emojis library

https://openmoji.org/

2). Accessible Palette

Accessible Palette allows you to create entire color systems. It is a tool for designers and developers who want to create color systems that are accessible to everyone. To generate color ranges, they are using chroma.js library, which I mentioned in my previous post.

Accessible Palette

https://accessiblepalette.com/

3). Basic Pattern Repository

Basic Pattern Repository is a collection of SVG patterns for your next side project. See also Hero Patterns.

basic patterns collection, svg

https://patterns.helloyes.dev/

4). blobbb fun

It is an easy-to-use generator for creating unique SVG forms. I also recommend you to check another generator made by Haikei, which I already mentioned in an earlier post.

blobb svg generator

https://www.blobbb.fun/

5). Motion One

A new animation library with small size and fast performance. Can't wait to try it in my projects.

js motion library

https://motion.dev/

6). Theatre.js

What? Yes, it is another JavaScript animation library. Seems very intriguing to me as well.

js animation library

https://www.theatrejs.com/

7). huey

Since this post, in general, is more focused on visual things, there is another tool for creating accessible color palettes. Huey has an option to simulate the different types of color blindness, which can be very useful.

accessible color palette generator

https://huey.design/

8). Huetone

Huetone is the tool you need to create and fine-tune your color system. The main difference from the previous ones is that Huetone uses LCH color space.

color palette generator

https://huetone.ardov.me/

9). Buttons Generator

Buttons Generator by Marko Denic seems like it's already been in every top and newsletter, so I also wanted to share it with you 🤓.

buttons generator

https://markodenic.com/tools/buttons-generator/

10). heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind (the worst thing to happen to CSS, you know 💁‍♂️). Versions for React and Vue are available.

collection of svg icons

https://heroicons.com/

Original post @ create-react-app.com

My Site https://villivald.com/
GitHub https://github.com/villivald
Twitter https://twitter.com/crapp_blog


This content originally appeared on DEV Community and was authored by MV


Print Share Comment Cite Upload Translate Updates
APA

MV | Sciencx (2021-10-19T05:14:07+00:00) [25] Top 10 Must-Have Web Dev Tools – October 2021. Retrieved from https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/

MLA
" » [25] Top 10 Must-Have Web Dev Tools – October 2021." MV | Sciencx - Tuesday October 19, 2021, https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/
HARVARD
MV | Sciencx Tuesday October 19, 2021 » [25] Top 10 Must-Have Web Dev Tools – October 2021., viewed ,<https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/>
VANCOUVER
MV | Sciencx - » [25] Top 10 Must-Have Web Dev Tools – October 2021. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/
CHICAGO
" » [25] Top 10 Must-Have Web Dev Tools – October 2021." MV | Sciencx - Accessed . https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/
IEEE
" » [25] Top 10 Must-Have Web Dev Tools – October 2021." MV | Sciencx [Online]. Available: https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/. [Accessed: ]
rf:citation
» [25] Top 10 Must-Have Web Dev Tools – October 2021 | MV | Sciencx | https://www.scien.cx/2021/10/19/25-top-10-must-have-web-dev-tools-october-2021/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.