└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Web designer’s ultimate list of free resources 2 | This list compiles the best free resources around the web. 3 | You can view the full article, with pictures and short resource description on [AcasA Programming](http://acasaprogramming.ro/web-designers-ultimate-list-of-free-resources/). 4 | 5 | ## 1. Free stock photos 6 | + [Picjumbo](https://picjumbo.com/) 7 | + [Pixabay](https://pixabay.com/) 8 | + [LibreShot](http://libreshot.com/) 9 | + [StockSnap](https://stocksnap.io/) 10 | + [Pexels](http://www.pexels.com/) 11 | + [IsoRepublic](http://isorepublic.com/) 12 | + [Designer Pics](http://www.designerspics.com/) 13 | + [Realistic Shots](http://realisticshots.com/) 14 | + [SplitShire](http://www.splitshire.com/) 15 | + [FoodiesFeed](http://foodiesfeed.com/) 16 | + [Unsplash](https://unsplash.com/) 17 | + [Gratisography](http://gratisography.com/) 18 | + [User Inter Faces](http://uifaces.com/) user photos to add in your projects 19 | 20 | ## 2. Placeholder Images 21 | + [LoremPixel](http://lorempixel.com/) 22 | + [LoremPicsum](http://lorempicsum.com/) 23 | + [Unsplash.it](https://unsplash.it/) 24 | + [PlaceIMG](https://placeimg.com/) 25 | + [PlaceKitten](http://placekitten.com/) 26 | + [PLACEHOLD.IT](https://placehold.it/) 27 | 28 | ## 3. Image compression services 29 | + [TinyPNG](https://tinypng.com/): supports PNGs and JPEGs, highest compression rate 30 | + [CompressJPG](http://compressjpeg.com/): supports PNGs and JPEGs, settings adjustments, download files as .ZIP archive 31 | + [Compressor](https://compressor.io/): supports PNGs, JPEGs, GIFs and SVGs, 10MB file limit 32 | 33 | ## 4. Free stock videos 34 | + [Coverr](http://www.coverr.co/) 35 | + [Life of Vids](http://www.lifeofvids.com/) 36 | + [Pexels Videos](https://videos.pexels.com/) 37 | + [Videvo](http://www.videvo.net/) 38 | + [Distill](http://www.wedistill.io/): still in Beta 39 | + [Vidsplay](http://www.vidsplay.com/) 40 | 41 | ## 5. Pattern libraries 42 | + [Subtle Patterns](http://subtlepatterns.com/) 43 | + [Place Pattern](http://placepattern.com) 44 | + [The Pattern Library](http://thepatternlibrary.com) 45 | 46 | ## 6. Color Pallets 47 | + [Flat UI Colors](http://flatuicolors.com/) 48 | + [Material Palette](http://www.materialpalette.com/) 49 | + [Color-hex](http://www.color-hex.com/) 50 | + [Adobe Color CC](https://color.adobe.com/create/color-wheel/) 51 | + [Paletton](http://paletton.com/) 52 | + [0 to 255](http://www.0to255.com/) 53 | + [UI Gradients](http://uigradients.com/) 54 | + [Gradient.io](http://www.gradients.io/) 55 | + [BrandColors](http://brandcolors.net/) 56 | + [Pictaculous](http://brandcolors.net/): generates color palette from a picture 57 | 58 | ## 7. Typography 59 | 60 | ### 7.1 Free fonts 61 | + [Google Fonts](https://www.google.com/fonts) 62 | + [Font Squirrel](http://www.fontsquirrel.com/) 63 | + [Font Space](http://www.fontspace.com/) 64 | + [Font Fabric](http://www.fontfabric.com/) 65 | + [Da Font](http://www.dafont.com/) 66 | + [1001 Fonts](http://www.1001fonts.com/) 67 | 68 | ### 7.2 Font Utilities 69 | + [Font Pair](http://fontpair.co/) 70 | + [Beautiful Web Type](http://hellohappy.org/beautiful-web-type/) 71 | + [Google Fonts Typography](https://femmebot.github.io/google-type/) 72 | + [Type genius](http://www.typegenius.com/) 73 | + [Type Scale](http://type-scale.com/): font size suggestions 74 | + [What the Font!](https://www.myfonts.com/WhatTheFont/): send a picture to identify a font 75 | + [Typewolf](https://www.typewolf.com/) 76 | + [The Art Of Mixing Typefaces Google Fonts Edition](http://www.fastprint.co.uk/blog/the-art-of-mixing-typefaces.html) 77 | + [TypeSource](http://tobiasahlin.com/typesource/) 78 | 79 | 80 | ## 8. Font Icons and Font icons generators 81 | 82 | ### 8.1 Font Icons 83 | + [Font Awesome](https://fortawesome.github.io/Font-Awesome/) 84 | + [Octicons](https://octicons.github.com/) 85 | + [Foundation Icon Fonts](http://zurb.com/playground/foundation-icon-fonts-3) 86 | + [Ionicons](http://ionicons.com/) 87 | + [Open Iconic](https://useiconic.com/open/) 88 | + [Payment Webfont](http://www.orlandotm.com/payment-webfont/) 89 | + [Themify Icons](http://themify.me/themify-icons) 90 | + [Linea Iconset](http://www.linea.io/) 91 | + [Web Hosting Hub Glyphs](http://www.webhostinghub.com/glyphs) 92 | + [Map Icons](http://map-icons.com/) 93 | + [PW Drawn Icon Font](http://www.peax-webdesign.com/goodies/free-icons/icones-gratuites/icon-font.html) 94 | + [Weather Icons](https://erikflowers.github.io/weather-icons/) 95 | + [Flat Icon](http://www.flaticon.com/) 96 | + [Modern UI Icons](http://modernuiicons.com/) 97 | + [Material Design Icons](https://materialdesignicons.com/) 98 | 99 | ### 8.2 Font Icon Generators 100 | + [Fontello](http://fontello.com/) 101 | + [Fontastic](http://fontastic.me/) 102 | + [Icomoon App](https://icomoon.io/app/) 103 | 104 | ## 9. Placeholder text 105 | + [Lipsum](http://www.lipsum.com/) 106 | + [Not Lorem Ipsum](http://notloremipsum.com/) 107 | + [Fillerama](http://chrisvalleskey.com/fillerama/) 108 | + [Fillerati](http://www.fillerati.com/) 109 | + [Picksum Ipsum](http://www.picksumipsum.co.uk/) 110 | + [Corporate Ipsum](http://www.cipsum.com/) 111 | + [UI Names](http://uinames.com/): random user names 112 | 113 | ## 10. Favicons 114 | + [Favicon.cc](http://www.favicon.cc/) 115 | + [Real Favicon Generator](http://realfavicongenerator.net/) 116 | + [Audreyr’s Favicon cheat sheet](https://github.com/audreyr/favicon-cheat-sheet): everything about Favicons 117 | 118 | ## 11. Site optimization 119 | + [Google Page Speed Insights](https://developers.google.com/speed/pagespeed/insights/) 120 | + [Pingdom Tools](http://tools.pingdom.com/fpt/) 121 | + [GT Metrix](https://gtmetrix.com/) 122 | + [WebPage Test](http://www.webpagetest.org/) 123 | + [Gift of Speed](http://www.giftofspeed.com/) 124 | + [Responsinator](https://www.responsinator.com/) 125 | + [Responsive Design Checker](http://responsivedesignchecker.com/) 126 | + [Am I Responsive?](http://ami.responsivedesign.is/) 127 | + [Browser Shots](http://browsershots.org/) 128 | 129 | ## 12. Inspiration 130 | + [Dribbble](https://dribbble.com/) 131 | + [Behance](https://www.behance.net/) 132 | + [Site Inspire](http://www.siteinspire.com/) 133 | + [Land Book](http://land-book.com/) 134 | + [One Page Love](https://onepagelove.com/) 135 | + [Flat DSGN](http://flatdsgn.com/) 136 | + [Awwwards](http://www.awwwards.com/) 137 | + [Material Up](http://www.materialup.com/) 138 | + [Call To Idea](http://www.calltoidea.com/) 139 | + [Header Lover](http://www.headerlove.com/) 140 | + [Very Nice Sites](http://www.verynicesites.com/) 141 | + [Brief Generator](http://briefgenerator.com/): design brief for your next project 142 | 143 | 144 | List compiled by Gabi Neagu for [AcasA Programming](http://acasaprogramming.ro) --------------------------------------------------------------------------------