"Everything is designed. Few things are designed well."-- Brian Reed, front-end developer and musician
List of design resources for front-end developers and designers.
| Website | Description |
|---|---|
| Freebiesbug | Hand-picked resources for web designer and developers, constantly updated. |
| Sketch App Sources | Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch |
| Figma Community | Explore, install, use, and remix thousands of files and plugins |
| Uplabs | Unlimited UI Kits, Icons, Templates, Themes and More (free & premium ) |
| GrapicBurger | Tasty design resources made with care for each pixel. Free for both personal & commercial use |
| InvisionApp | Browse our library of free, high-quality UI kits, icon packs, and mockups |
| Freebiesketch | The best collection of free resources for UX / UI Designer |
| 100 Daily UI | Free Figma library of products, elements, and screens |
| Figma Resources | A curated Figma resources, UI kits, templates & freebies to save you time and speed up your workflow |
| UI Space | Free PSD, AI, Fonts and more |
| CodeMyUI | Handpicked collection of web design & UI inspiration with code snippets. |
| Hero Patterns | A collection of repeatable SVG background patterns for you to use on your web projects. |
| Website | Description |
|---|---|
| Adobe Color | A color palette generator |
| Coolors | Generate or browse beautiful color combinations for your designs |
| Colormind | Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art. |
| Color Hunt | a free and open platform for color inspiration with thousands of trendy hand-picked color palettes |
| Google Material Color Tool | Create and share color palettes for your UI, and measure the accessibility of any color combination. |
| ColorSpace | Generate nice color palettes from one color |
| Website | Description |
|---|---|
| unDraw | Open-source illustrations for any idea you can imagine and create. |
| DrawKit | Hand-drawn vector illustration and icon resources, perfect for your next project. |
| Blush | Free customizable illustrations with Figma Plugin |
| 404 illustrations | Free illustrations for 404 pages |
| Open Peeps | Hand drawn illustration library |
| Absurd Design | Free surrealist illustrations and vector art |
| Manypixels | 2,500+ royalty-free and editable illustrations to power up your design projects |
| Avataaars | Avatar Illustrations Sketch Library |
| Freellustrations | Collection of high-resolution vector or illustrations background images for modern websites and landing pages |
| Website | Description |
|---|---|
| Unsplash | Beautiful, free images and photos that you can download and use for any project |
| Pexels | Download and use the best free stock photos and videos. |
| Stock Snap | The #1 source for beautiful free photos. High quality and high resolution stock images free from all copyright restrictions (CC0) |
| Pixabay | More than 2.2 million Stunning Free Images and video to Use Anywhere |
| Burst | Free stock photos for websites and commercial use |
| PicJumbo | free stock photos, backgrounds and free high-resolution images for personal and commercial use |
| Website | Description |
|---|---|
| Feather Icons | Simply beautiful open source icons |
| Streamline Icons | Download 30,000 free PNG icons for website, web app, software, web design |
| Material Icons | Delightful, beautifully crafted symbols for common actions and items |
| Font Awesome | The world’s most popular and easiest to use icon set |
| Remix Icon | set of open-source neutral-style system symbols elaborately crafted for designers and developers |
| Noun Project | Browse over 3 million art-quality icons and photos |
| CSS.gg | Open-source CSS, SVG and Figma UI Icons that are available in SVG Sprite, styled-components, NPM & API |
| Ikonate | fully customisable & accessible vector icons |
| Tabler Icons | A set of over 1250 free MIT-licensed high-quality SVG icons for you to use in your web projects. |