Skip to main content

Command Palette

Search for a command to run...

10 Design resources you should definitely check out

A curated list of design resources you should check out and use for your next project.

Published
2 min read
10 Design resources you should definitely check out
P

I am a full-stack developer with a flair for creating elegant and innovative solutions.

Curios about learning latest technologies, and using this to solve real world problems.

Outside coding, I enjoy playing football, reading good books and reading the word of God.

Hi, how are you doing? In this post, I will share with you some of the design resources I find myself using regularly.

1. UI Space.net:

Ui Space features thousands of great UI freebies you can dig into for your next development project.

uispace.PNG

2. Undraw.co

Undraw.co is a tool I use pretty much all the time. They contain open-source illustrations for any idea you can imagine or create.

undraw.PNG

3. Google Fonts

When it comes to fonts, I don't think there is any other reliable resource for getting free fonts other than google fonts. I highly recommend google fonts but you could check out other alternatives like DaFont and Font Space

4. Color Gradients

I found out a lot of developers struggle with selecting the right gradients for their projects, but colorgradient.dev got you covered. Visit the site to experiment with their gradient suggestions and feel free to customize it to your needs.

color-gradient.PNG

5. ShapedFonts Icon Club

Shapedfonts Iconclub holds over 8000+ free icons you can download and use for your next project.

iconsclub.PNG

6. Unsplash.com

Should be very popular before this post, just felt like highlighting it again. Unsplash has a wide collection of free images you can download for your web design projects for free.

unsplash.PNG

7. Smart Mockups

Looking to get free mockups for your project, you can't go wrong with smartmockups.com. They feature a lot of mockup designs you can customize and easily integrate into your projects.

smartmockups.PNG

8. Colorlib

Colorlib features almost any category of theme you can think of. Visit colorlib and grab a theme that best fits your needs.

colorlib.PNG

9. Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Can't explain this any better, best if you check it out.

anime.PNG

10. Bit.dev

Folks in the JavaScript library/framework world, bit provides a huge library of reusable UI Components for React, Angular, Vue, React Native. Feel free to check em out.

bit.PNG

And that's it, thanks for reading. This is a community and we love to share knowledge and learn from each other, feel free to comment on other resources you find useful and would recommend to other developers.

Please share this post with your friends and other people you think might find it helpful.

L

Hey There!

Just found this article, a very nice list of resources.

I’m also offering free illustrations under the MIT license and I was wondering if my page would be helpful for your readers as well:

Free Illustrations

Keep up the good work!

Cheers, Lukasz

P

Thanks, Lukasz I am glad to see you do offer illustrations, I would check them out.

J
Joel Ndoh4y ago

Nice one bro, I actually use convertingcolors.com to check for comparing colors before I embark on a project.

I think it is necessary to avoid picking colors to affect the eyes.

Nice one Promise Sheggsmann

1
P

Thanks Joel, I would definitely check out Comparing Colors.

More from this blog

Sheggsmann Academy

2 posts

Hi, I am Promise Sheggsmann, a Fullstack developer specialized in creating highly scalable and functional websites that work.