UI Graphics​

Below is a list of Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI

  1. UI Design Daily [ https://uidesigndaily.com/ ] – Awesome UI Components of all types
  2. 100 Daily UI [ https://100dailyui.webflow.io/ ] – Free Figma library of products, elements, and screens
  3. Sketch App Sources [ https://www.sketchappsources.com/ ] – Sketch UIs, wireframes, icons and much more​
  4. Humaaans [ https://www.humaaans.com/ ] – Cool illustrations of people with the ability to mix and match
  5. Paaatterns [ https://products.ls.graphics/paaatterns/ ] – Free collection of beautiful patterns for all vector formats
  6. thepatternlibrary [ http://thepatternlibrary.com/ ] – Free beautiful background patterns
  7. 404 illustration [ https://error404.fun/ ] – Free illustrations for 404 pages​
  8. Drawkit.io [ https://www.drawkit.io/ ] – Illustrations for designers and startups​
  9. Absurd.design [ https://absurd.design/ ] – Free surrealist illustrations for designers and developers​
  10. Undraw.co [ https://undraw.co/ ] – Open-source illustrations for any idea you can imagine and create​
  11. Manypixels.co [ https://www.manypixels.co/gallery/ ] – Monochromatic, Isometric high-quality illustrations​
  12. Open Peeps [ https://www.openpeeps.com/ ] – Hand drawn illustration library​
  13. UI Space [ https://uispace.net/ ] – Thousands of great UI freebies
  14. Animations.co [ http://animaticons.co/ ] – Beautiful, customizable animated GIF icons​
  15. Uplabs [ https://www.uplabs.com/ ] – High-quality design resources [Free & Premium ] -​
  16. InvisionApp [ https://www.invisionapp.com/inside-design/design-resources/ ] – Library of free, high-quality UI kits, icon packs, and mockups​
  17. Open Doodles [ https://www.opendoodles.com/ ] – A Free Set of Sketchy Illustrations​
  18. Avataaars [ https://avataaars.com/ ] – Free sketch library of avatars illustrations by Pablo Stanley​
  19. FreebieSketch [ http://freebiesketch.com/ ] – Free Sketch designs, wireframes, illustrations, and more.​Blush [ https://blush.design/ ] – Free customizable illustrations with Figma Plugin
  20. Hero Patterns [ http://www.heropatterns.com/ ] – A collection of repeatable SVG background patterns​
  21. IsoFlat [ https://isoflat.com/ ] – A Free collection of Isometric SVG graphic resources
  22. IRA Design [ https://iradesign.io/ ] – An open-source gradient illustrations collection by creative tim.
  23. Transparent Textures [ https://www.transparenttextures.com/ ] – A collection of transparent textures background patterns.​icons8.com/illustrations [ https://icons8.com/illustrations ] – Free vector illustrations to class up your project​
  24. Patternico [ https://patternico.com ] – Seamless Pattern Maker​
  25. Freellustrations [ https://freellustrations.com/ ] – Free Background Images for awesome landing Pages​
  26. Pixeltrue Illustrations [ https://www.pixeltrue.com/illustrations ] – Free Animated Illustrations​Abstract User Avatar API [ https://www.abstractapi.com/user-avatar-api ] – API to create simple yet flexible user avatars from user names or emails​
  27. sketchvalley [ https://sketchvalley.com/ ] – Download free PNG, SVG or AI file .
  28. PatternPad [ https://patternpad.com/ ] – Free and unlimited unique pattern designs.​
  29. Dimensions [ https://www.dimensions.com/ ] – Dimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces​
  30. Freebiesbug [ https://freebiesbug.com/ ] – Hand-picked resources for web designers and developers, constantly updated.
  31. Flexiple [ https://2.flexiple.com/scale/all-illustrations ] – One new high-quality, open-source illustration each day.
  32. Cool Text [ https://cooltext.com/ ] – Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work
  33. illustration kit [ https://illustrationkit.com/ ] – Premium open source illustrations added daily​
  34. Doodad Pattern Generator [ https://doodad.dev/pattern-generator/ ] – Create unique, seamless, royalty-free patterns.​
  35. Pattern Monster [ https://pattern.monster/ ] – A simple online pattern generator to create repeatable SVG patterns​
  36. Exemplar [ https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch/ ] – Free Avatar Library for Figma and Sketch​
  37. UIBundle [ https://uibundle.com ] – Thousands of Free Design Resources like UI Kits, Mockups, Illustrations, Icons, Fonts, 3D assets, Templates and more.​
  38. openby.design [ https://openby.design/ ] – Custom crafted free UI design resources, for personal and commercial projects. No attribution is required.​

Fonts​

Below are Websites that offer free fonts as well as font-based tools

  1. Google Fonts [ https://fonts.google.com/ ] – Library of around 1000 free licensed font families​
  2. DaFont [ https://www.dafont.com/ ] – Archive of freely downloadable fonts
  3. Use & Modify [ https://usemodify.com/ ] – Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces​
  4. 1001 Free Fonts [ https://www.1001freefonts.com/ ] – I think the name speaks for itself 😏
  5. Font Squirrel [ https://www.fontsquirrel.com/ ] – Font Squirrel scours the internet for high quality, legitimately free fonts​
  6. Font Fabric [ https://www.fontfabric.com/free-fonts/ ] – A digital type foundry crafting retail fonts and custom typography for various brands
  7. Tiff [ https://tiff.herokuapp.com/ ] – A type diff tool that visually contrasts the differences between two fonts​
  8. TypeKit Practice [ https://practice.typekit.com/ ] – Learn about typography practices​
  9. Fontjoy [ https://fontjoy.com/ ] – Generate font pairing in one click​
  10. Golden Ratio [ https://grtcalculator.com/ ] – Golden Ratio Typography Calculator​
  11. FontGet [ https://www.fontget.com/ ] – Has a variety of fonts available to download and sorted neatly with tags​FontPair [ https://fontpair.co/ ] – Helps you pair Google Fonts together​
  12. Font Space [ https://www.fontspace.com/ ] – A designer-centered free font website that has quick customizable previews​
  13. Abstract Fonts [ http://www.abstractfonts.com/ ] – Fonts free for personal and commercial use​
  14. Free Typography [ https://freetypography.com/ ] – A list of high quality fonts​
  15. Leon Sans [ https://github.com/cmiscm/leonsans/ ] – A geometric sans-serif typeface made with code​
  16. Lexend [ https://www.lexend.com/ ] – A variable font empirically shown to significantly improve reading-proficiency​
  17. Fonts for Apple Platforms https://developer.apple.com/fonts/ ] – Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps​
  18. SFWin [ https://github.com/blaisck/sfwin/ ] – San Francisco Fonts for Windows 10 and non-Apple Platform
  19. Font Flipper [ https://fontflipper.com/ ] – Preview 800+ Google Fonts on top of your own designs, without having to download the fonts​
  20. Fonts Arena [ https://fontsarena.com/ ] – Free curated fonts
  21. Befonts [ https://befonts.com/ ] – High quality fonts for free​
  22. Arabic fonts [ https://arabicfonts.net/ ] – Arabic fonts for free​
  23. FontDrop [ https://fontdrop.info ] – Simple and easy way to view the contents of font files
  24. Open Foundry [ https://open-foundry.com ] – FREE platform for curated open-source typefaces​
  25. Glyphter [ https://glyphter.com ] – Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded​
  26. Google Webfonts Helper [ https://google-webfonts-helper.herokuapp.com/fonts ] – A Hassle-Free Way to Self-Host Google Fonts
  27. Rough Font Awesome [ https://djamshed.github.io/rough-awesome-font/dist/ ] – When RoughJS meets Font Awesome​
  28. FFonts [ https://ffonts.net ] – Stylish fonts for free​
  29. Malayalam Fonts https://smc.org.in/fonts/ ] – Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing[SMC ] –
  30. Dev Fonts [ https://devfonts.gafi.dev/ ] – Find and use the coding fonts for free​
  31. Font M [ https://fontm.com/ ] – Free font you can download for material coding and design​
  32. W Fonts [ https://www.wfonts.com/ ] – Download Free fonts​

Leave a Comment