Resources

I have collected free resources that I use for designs. These are different websites where can download illustrations, some however need attribution, but some are completely free to use with no strings attached.

Illustrations

  • unDraw: Open-source illustrations of mostly humans and customizable colors.
  • Free Pik: Free and premium illustrations, vectors and photos, most of them need attribution.
  • Humaaans: Free downloadable library of illustrations of people, SVG and PNG assets.
  • Pixeden: Free and premium collection fo mockups, icons, and vectors, free ones without attribution.
  • Free Illustrations: Collection of websites which offer free illustrations, some require attribution.

Icons

  • Font Awesome: Free and Premium icons embeddable into website using HTML.
  • Simple Icons: Popular brand icons in SVG format for free use.
  • Icon Finder: Free and Premium icons in PNG ang SVG format, some also require attribution.
  • UX Wing: Completely free icons in PNG and SVG format, no attribution required.
  • Aiconica: Completely free icons in PNG format, no attribution required.
  • Nerd Fonts: Free collections of embeddable icons, bit clunky to use.
  • Flat Icon: Collection of free and premium icons, most of them need attribution.
  • SVG Porn: Free brand logos in SVG format, no attribution required.
  • Streamline Icons: Mostly free icons but require attribution.
  • Shape SO: Free and Premium library of icons and illustration.

UI Tools and Libraries

  • Material UI: Free React components and icons to use.
  • Story Book: Open source tool for UI components.
  • Charka UI: Library of modular React components.

Colors

Shape Generator

  • SVG Wave: Free SVG wave generator, export to SVG and PNG.
  • Neumorphism: Soft UI generator with box shadow.

CSS Backgrounds

Editing Tools

  • Remove BG: Free tool to remove background from image.

Mock-ups

  • Graphic Burger: Collection of template and mockups for free, without attribution.
  • Mockup Bro: Library of Mock-up templates, where you can upload your own design without attribution.
  • Angle SH: Free and Premium device mockups for Sketch, Figma, XD.

Video and Audio

  • Mix Kit: Free video and music assets, some require attribution.

Inspiration

  • Behance: Social media platofrm for graphical design.
  • Land Book: Platform of landing page examples.
  • Dribbble: Platform of UI designs.
  • Visme: Blog post of website color schemes.

Course and Tutorials

  • Design Code: Premium video course and free writtent tutorials.