DEV Community

loading...
Cover image for My top 5 tools for Web Design

My top 5 tools for Web Design

urielbitton profile image Uriel Bitton Updated on ・2 min read

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.

1. Unsplash

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.
Link: Unsplash

2. Blobmaker

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.
Link: Blobmaker

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

5. Animista

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.
Link: Animista

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!

Discussion (14)

Collapse
michaelandreuzza profile image
Collapse
kvanrooyen profile image
Keagan Van Rooyen

That's amazing! I hate having to try and find colours and fonts that go well together. Thank you!

Collapse
michaelandreuzza profile image
michael-andreuzza

Hey Keegan. Thank you!

I will be updatimg the font pairings soon.

Cheers!

Collapse
urielbitton profile image
Uriel Bitton Author

Nice app. I'll be using it. Thanks for sharing!

Collapse
michaelandreuzza profile image
michael-andreuzza • Edited

You welcome Uriel, thanks a lot !

Collapse
ozanbolel profile image
Ozan Bolel

They all available on ToolDeck. Plus you can explore more tools like them :)

Collapse
Sloan, the sloth mascot
Comment deleted
Collapse
urielbitton profile image
Uriel Bitton Author

thanks for sharing! i actually already used it in another article but thanks

Collapse
klnjmm profile image
Jimmy Klein

I also like undraw.co/ to have beautiful illustrations. You can even customize the color !

Collapse
urielbitton profile image
Uriel Bitton Author

nice this is really cool!

Collapse
guivr profile image
Guilherme Rizzo

Nice list, Uriel! Thanks for sharing it.

I have a tool that might be useful for you as well:
getcssscan.com/

Collapse
straleb profile image
Strahinja Babić

Awesome article, thanks for sharing :)

Collapse
urielbitton profile image
Uriel Bitton Author

youre welcome man enjoy!

Collapse
liandrowesley profile image
Liandro Wesley

That's cool! I didn't know Animista. By the way, it's a good tool, thanks for this!

Forem Open with the Forem app