Whenever I start a new web design project there are a few tools and resources I repeatedly use for my design process. They work all the time and help greatly ease the workflow and generally make it easier to complete my projects.
Unsplash.com is my number one go to website to grab royalty free, professional high grade images to use for my website designs. These are the types of images that change the entire visual design of the website.
Blobmaker.app is a genius tool that generates for you the svg code for cool blobs. Which you can then paste in your html code. You can even control the shape and color. Super cool.
3. Get Waves
Getwaves.io is another online resource from the makers of blob.app. Its the same idea but instead of blobs it let's you create beautiful waves for backgrounds like you see on those modern websites. Just copy and paste the code and you're done!
Link: Get Waves
4. CSS Gradient
Cssgradient.io is another online resource that lets you set beautiful gradient colors for your css with a convenient photoshop-like gradient color picker. I use this for buttons, backgrounds and text all the time!
Link: CSS Gradient
Animista is a great css tool. It has a library of css animations that you can use to animate css elements. Instead of spending valuable time figuring out a smooth animation, animista has a list of tons of popular animations and generates for you the css code. There's even a customizer interface to create custom animations.
Those are my 5 favorite resources which i use in countless projects, go ahead and try those and let me know what you think of them!