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
- UI Design Daily [ https://uidesigndaily.com/ ] – Awesome UI Components of all types
- 100 Daily UI [ https://100dailyui.webflow.io/ ] – Free Figma library of products, elements, and screens
- Sketch App Sources [ https://www.sketchappsources.com/ ] – Sketch UIs, wireframes, icons and much more
- Humaaans [ https://www.humaaans.com/ ] – Cool illustrations of people with the ability to mix and match
- Paaatterns [ https://products.ls.graphics/paaatterns/ ] – Free collection of beautiful patterns for all vector formats
- thepatternlibrary [ http://thepatternlibrary.com/ ] – Free beautiful background patterns
- 404 illustration [ https://error404.fun/ ] – Free illustrations for 404 pages
- Drawkit.io [ https://www.drawkit.io/ ] – Illustrations for designers and startups
- Absurd.design [ https://absurd.design/ ] – Free surrealist illustrations for designers and developers
- Undraw.co [ https://undraw.co/ ] – Open-source illustrations for any idea you can imagine and create
- Manypixels.co [ https://www.manypixels.co/gallery/ ] – Monochromatic, Isometric high-quality illustrations
- Open Peeps [ https://www.openpeeps.com/ ] – Hand drawn illustration library
- UI Space [ https://uispace.net/ ] – Thousands of great UI freebies
- Animations.co [ http://animaticons.co/ ] – Beautiful, customizable animated GIF icons
- Uplabs [ https://www.uplabs.com/ ] – High-quality design resources [Free & Premium ] -
- InvisionApp [ https://www.invisionapp.com/inside-design/design-resources/ ] – Library of free, high-quality UI kits, icon packs, and mockups
- Open Doodles [ https://www.opendoodles.com/ ] – A Free Set of Sketchy Illustrations
- Avataaars [ https://avataaars.com/ ] – Free sketch library of avatars illustrations by Pablo Stanley
- FreebieSketch [ http://freebiesketch.com/ ] – Free Sketch designs, wireframes, illustrations, and more.Blush [ https://blush.design/ ] – Free customizable illustrations with Figma Plugin
- Hero Patterns [ http://www.heropatterns.com/ ] – A collection of repeatable SVG background patterns
- IsoFlat [ https://isoflat.com/ ] – A Free collection of Isometric SVG graphic resources
- IRA Design [ https://iradesign.io/ ] – An open-source gradient illustrations collection by creative tim.
- 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
- Patternico [ https://patternico.com ] – Seamless Pattern Maker
- Freellustrations [ https://freellustrations.com/ ] – Free Background Images for awesome landing Pages
- Pixeltrue Illustrations [ https://www.pixeltrue.com/illustrations ] – Free Animated IllustrationsAbstract User Avatar API [ https://www.abstractapi.com/user-avatar-api ] – API to create simple yet flexible user avatars from user names or emails
- sketchvalley [ https://sketchvalley.com/ ] – Download free PNG, SVG or AI file .
- PatternPad [ https://patternpad.com/ ] – Free and unlimited unique pattern designs.
- 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
- Freebiesbug [ https://freebiesbug.com/ ] – Hand-picked resources for web designers and developers, constantly updated.
- Flexiple [ https://2.flexiple.com/scale/all-illustrations ] – One new high-quality, open-source illustration each day.
- 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
- illustration kit [ https://illustrationkit.com/ ] – Premium open source illustrations added daily
- Doodad Pattern Generator [ https://doodad.dev/pattern-generator/ ] – Create unique, seamless, royalty-free patterns.
- Pattern Monster [ https://pattern.monster/ ] – A simple online pattern generator to create repeatable SVG patterns
- Exemplar [ https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch/ ] – Free Avatar Library for Figma and Sketch
- UIBundle [ https://uibundle.com ] – Thousands of Free Design Resources like UI Kits, Mockups, Illustrations, Icons, Fonts, 3D assets, Templates and more.
- 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
- Google Fonts [ https://fonts.google.com/ ] – Library of around 1000 free licensed font families
- DaFont [ https://www.dafont.com/ ] – Archive of freely downloadable fonts
- Use & Modify [ https://usemodify.com/ ] – Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces
- 1001 Free Fonts [ https://www.1001freefonts.com/ ] – I think the name speaks for itself
- Font Squirrel [ https://www.fontsquirrel.com/ ] – Font Squirrel scours the internet for high quality, legitimately free fonts
- Font Fabric [ https://www.fontfabric.com/free-fonts/ ] – A digital type foundry crafting retail fonts and custom typography for various brands
- Tiff [ https://tiff.herokuapp.com/ ] – A type diff tool that visually contrasts the differences between two fonts
- TypeKit Practice [ https://practice.typekit.com/ ] – Learn about typography practices
- Fontjoy [ https://fontjoy.com/ ] – Generate font pairing in one click
- Golden Ratio [ https://grtcalculator.com/ ] – Golden Ratio Typography Calculator
- FontGet [ https://www.fontget.com/ ] – Has a variety of fonts available to download and sorted neatly with tagsFontPair [ https://fontpair.co/ ] – Helps you pair Google Fonts together
- Font Space [ https://www.fontspace.com/ ] – A designer-centered free font website that has quick customizable previews
- Abstract Fonts [ http://www.abstractfonts.com/ ] – Fonts free for personal and commercial use
- Free Typography [ https://freetypography.com/ ] – A list of high quality fonts
- Leon Sans [ https://github.com/cmiscm/leonsans/ ] – A geometric sans-serif typeface made with code
- Lexend [ https://www.lexend.com/ ] – A variable font empirically shown to significantly improve reading-proficiency
- 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
- SFWin [ https://github.com/blaisck/sfwin/ ] – San Francisco Fonts for Windows 10 and non-Apple Platform
- Font Flipper [ https://fontflipper.com/ ] – Preview 800+ Google Fonts on top of your own designs, without having to download the fonts
- Fonts Arena [ https://fontsarena.com/ ] – Free curated fonts
- Befonts [ https://befonts.com/ ] – High quality fonts for free
- Arabic fonts [ https://arabicfonts.net/ ] – Arabic fonts for free
- FontDrop [ https://fontdrop.info ] – Simple and easy way to view the contents of font files
- Open Foundry [ https://open-foundry.com ] – FREE platform for curated open-source typefaces
- Glyphter [ https://glyphter.com ] – Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded
- Google Webfonts Helper [ https://google-webfonts-helper.herokuapp.com/fonts ] – A Hassle-Free Way to Self-Host Google Fonts
- Rough Font Awesome [ https://djamshed.github.io/rough-awesome-font/dist/ ] – When RoughJS meets Font Awesome
- FFonts [ https://ffonts.net ] – Stylish fonts for free
- Malayalam Fonts [ https://smc.org.in/fonts/ ] – Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing[SMC ] –
- Dev Fonts [ https://devfonts.gafi.dev/ ] – Find and use the coding fonts for free
- Font M [ https://fontm.com/ ] – Free font you can download for material coding and design
- W Fonts [ https://www.wfonts.com/ ] – Download Free fonts