Dev tools

A curated list of useful web dev tools

Table of contents:

1. Material resources

   1. Patterns
   2. Icons
   3. Copywriting
   4. Gradients
   5. Images

2. Programming

   1. Javascript
   2. APIs

3. VS Code

   1. Extensions

1. Material resources

Patterns

1. DinPattern

Icons

1. Iconic

Copywriting

1. copy.ai - use AI for copywriting
2. lipsum.com - generate dummy "Lorem Ipsum" texts
3. deepl.com - accurate translation with machine learning

Gradients

1. uigradients.com - copy&paste balanced gradients

Images

1. unsplash.com - free stock images
2. placeholder.com - placeholder images
3. placeit.net - mockup generator

CSS

1. clippy - generate a clip-path with realtime preview
2. cssbattle.dev - practice your CSS skills in a competitional environment (if you want to)

2. Programming

JavaScript

1. 1loc.dev - one-liners for your common js tasks

APIs

1. public-apis.io - free public APIs

3. VS Code

Extensions

1. Restore Terminals - have prebuilt terminals when you open a project