This repository is a collection of design resources that includes templates, stock photos, icons, fonts, color palettes...
| Website | Description |
|---|---|
| Freepik | All the assets you need, in one place. |
| 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 | Design resources. |
| InvisionApp | Browse our library of free, high-quality UI kits, icon packs, and mockups |
| Freebiesketch | Free resources for UX / UI Designer and Developers. |
| 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 |
| Textures | provides a large collection of high-quality textures, materials, and 3D models for use in various digital projects such as video games, animations, and visual effects. |
| Hero Patterns | A collection of repeatable SVG background patterns for you to use on your web projects. |
| Free Photoshop Templates | Free PSD and Adobe Xd templates. |
| Free Sketch App Resources | Free high quality icons, mockups and UI kits for Sketch App. |
| Themeselection | Selected high quality, modern design, professional and easy-to-use Free Bootstrap Admin Dashboard Template, HTML Themes and UI Kits to create your applications faster! |
| GetWaves | SVG random waves generator (available as Figma plugin). |
| BlobMaker | SVG random blob generator (available as Figma plugin). |
| Envato Element | Digital assets marketplace that offers a variety of creative resources for designers, developers, and content creators. These resources include templates, graphics, audio, video, photography, and other digital assets. |
| Super designer | Collection of free design tools to create unique backgrounds, patterns, shapes, images, and more with just a few clicks. |
| Fffuel | Collection of color tools and free SVG generators for gradients, patterns, textures, shapes, backgrounds & decorative graphics. |
| Compressor | Fast & efficient image compression. |
| Mesh | Mesh is a simple way to create beautiful, unique gradients using shadersGet started. |
| Photopea | Free version of Photoshop. |
| Iconfinder | Millions of graphics for your design projects. Created by independent designers. |
| Designercize | Fun game for ui/ux designe it gives you challenges with time set up. |
| Checklist Design | A collection of the best design practices. |
| IconScout | Over 5.8 Million+ Design Assets. |
| Blugraphic | Includes graphics, templates, mockups, icons, fonts and other ... |
| PSDDD | Free Photoshop & Sketch UI Templates. |
| removebg | Remove Image Background. |
| Icons8 | Icons8 provides design resources: icons, UI illustrations, photos and software to class up your projects(with GitHub Student Developer Pack you will have 3-month All Access subscription with icons, photos, illustrations, and music). |
| paaatterns | Free collection of beautiful patterns for all vector formats. |
| VistaCreate | Free graphic design tool with thousands of free templates for you to choose from. |
| Microcopy | Search micro UX copy text: slogans, headlines, notifications, CTA, error messages, and more(free). |
| Ingradients | A brand-new collection of hand-picked mesh gradients perfect for your next design project. |
| Devices by Meta | More than 100+ clean mockups of different types of devices used around the world. |
| Interview Warmup | A free Al tool that helps you practice for your next interview and improve your technique with insights. |
| Pitch | This tool allows you to create impressive presentations in a colaborative way. |
| PicWish | Al tools to easily remove backgrounds of any of your images. |
| Hemingway Editor | Hemingway App makes your writing bold and clear. The app highlights lengthy, complex sentences and common errors. |
| UsabilityHub | UsabilityHub is a remote user research platform that takes the guesswork out of design decisions by validating them with real users. |
| Attention insight | Attention Insight's AI automatically predicts changes in visual attention based on 70,000 images from eye-tracking studies. |
| UX Design Challenges | Practice with real-world exercises. Train yourself in crucial skills and tools. Take away portfolio-worthy deliverables. Useful for beginners and experts alike. |
| UX Challenge | Practice solving problems with UX design challenges. |
| Website | Description |
|---|---|
| Adobe Color | A color palette generator. |
| Coolors | Generate or browse beautiful color combinations for your designs. |
| ColorsWall | Place to store your Colors Palettes. |
| 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. |
| Colors.lol | Overtly descriptive color palettes. |
| Colors and Fonts | A collection of color and typography resources for Web Developers and Digital Designers to find inspiration. |
| 0to255 | 0to255 is a color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more |
| Flat UI Colors | Features a total set of 14 color palettes and 280 colors for your designs, projects, presentations and other needs. |
| Hexcolorpedia | Hex color information, Color conversion, Shades, tints, tones, Pantone match, color blending and huge Color palettes collection. |
| iColorpalette | Create, browse or export (aco, ase, svg, png, pdf) color palettes by color or themes. |
| Chroma | A free browser extension that makes it easy to pick colors off the page and build amazing and shareable color palettes. |
| Mockupworld | Free Mockups from the Web. |
| COLOR SUPPLY | A color picker for designers & illustrators. |
| rgb2cmyk | Convert images from RGB to the CMYK color space. |
| Khroma | Khroma uses AI to learn which colors you like and creates limitless palettes. |
| Colorable | Take a set color palette and get contrast values for every possible combination. |
| Paletton | It allows you to do is build up a palette based on some proportion. |
| Website | Description |
|---|---|
| unDraw | Open-source illustrations for any idea you can imagine and create (my fav <3). |
| 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. |
| Delesign | Royalty-free designs for your website, social media, blog, email newsletters, and more. |
| Mixkit | Discover free art made by talented creators for websites, framed prints, ads and more. |
| Control | Combo set of 108 customizable illustrations. |
| Smash | Awesome illustration constructor with colorful and trendy characters. |
| Open Stickers | Free illustrations for web and apps. |
| Lost Geometry | A set of 20+ abstract 3D shapes to give a modern and trendy look to your design work. |
| Spline | Creating beautiful 3D. |
| Shapefest | Beautiful free 3D objects, icons and illustrations with different materials. |
| 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 | High quality and high resolution stock images free from all copyright restrictions (CC0). |
| Pixabay | 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. |
| The noun project | Icons and Photos For Everything. |
| Pixbay | Stunning free images & royalty free stock. |
| DeviantArt | Explore over 350 million pieces of art while connecting to fellow artists and art enthusiasts. |
| pngimg | PNG images and cliparts for web design. |
| StickPNG | StickPNG is a vibrant community of creative people sharing transparent PNG images which you can download for free and use in your personal non-commercial or educational projects. |
| Vecteezy | Free photos and videos. |
| Let's Enhance | Let's Enhance is an Al tool to increase your images resolution without quality loss. |
| STOCKIMG.AI | Generate stock image with AI. |
| FreeImages | Free Images: Photos, Vectors, Clipart, Icons, PSD & more! |
| Freepik | Find and download the best high-quality photos, vectors, videos, and mockups. |
| Website | Description |
|---|---|
| Circum Icons | Consistent open source icons as SVG for React, Vue and Svelte. |
| 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 | Icon library and toolki. |
| Remix Icon | Simply Delightful Icon System. |
| 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 | Over 3450 pixel-perfect icons for web design. |
| Flaticon | Vector icons & stickers. |
| Heroicons | Find icons for your project. |
| Bootstrap Icons | Free, high quality, open source icon library with over 1,300 icons. |
| Simple Icons | 1897 Free SVG icons for popular brands. |
| The noun project | Icons and Photos For Everything. |
| Iconfinder | Millions of graphics for your design projects. Created by independent designers. |
| Iconscout | Get 5.3 Million+ free and premium icons (with GitHub Student Developer Pack you have free access to 60 premium icons from selected contributors every month for 1 year). |
| Website | Description |
|---|---|
| Adobe Fonts | Find the perfect font for your next project. |
| Google Fonts | Hundreds of free webfonts hosted via Google or self-hosted. |
| arbfonts | Arabic font. |
| UI Space | Free PSD, AI, Fonts and more. |
| What Font Is | Find any font from any image. |
| MyFonts | Thousands of fonts from all kinds of foundries, includes some trial fonts & free families. |
| Type Network | Incredibly high-quality fonts by select independent foundries. |
| Font Freak | Free Fonts. |
| YouWorkForThem | Thousands of fonts in the “original creative marketplace”. |
| Colors and Fonts | A collection of color and typography resources for Web Developers and Digital Designers to find inspiration. |
| Font Awesome | Icon library and toolki. |
| Dafont | Download fonts. |
| 1001 Fonts | New & Fresh Fonts. |
| Font Squirrel | Free Font. |
| Fontshop | Checkout and have fun. |
| Velvetyne | A lot of free typefaces to choose. |
| WhatTheFont | WhatTheFont uses deep learning to search our collection of over 230,000 font styles and find the best match for the fonts in your photo. |
| Fontjoy | Generate font combinations with deep learning. |
| Variables Fonts | Allow one font to contain multiple stylistic variations. |
| Website | Description |
|---|---|
| CodeMyUI | Handpicked collection of web design & UI inspiration with code snippets. |
| Behance | Connect with other creatives, and discover new talent. |
| Pinterset | Inspiration for various topics. |
| Graphicsfuel | Free and premium quality designs, articles, inspiration and more. |
| Awwward | Website web design world award. |
| Ui sources | Real design inspiration. |
| Dribbble | Millions of designers and agencies around the world showcase their portfolio work on Dribbble. |
| Colors and Fonts | A collection of color and typography resources for Web Developers and Digital Designers to find inspiration. |
| Logopond | Logopond is an inspirational site & showcase of identity work from designers of varying abilities all across the world. |
| DesignTAXI | A creative platform that offers design news, resources, and inspiration on various design topics. |
| Creative Bloq | Offers design news, inspiration, and resources on topics such as typography, branding, and illustration. |
| Mobbin | Inspire & empower the world to design better digital experiences. |
| Lapa | Lapa Ninja is a gallery featuring the best 5751 landing page examples, free books for designers and free UI kits from around the web. |
| Bestfolios | Bestfolios is a gallery featuring 502 portfolios, 200 resumes and many more design inspirations. |
| Screenlane | Find inspiration and keep up with the latest mobile UI design trends. |
| GoodUx | Inspiring UX, straight to your inbox. |
| Cofolios | Showcase a lot of successful ux porfolio. |
| Website | Description |
|---|---|
| Screely | Turn any screenshot into a beautiful website mockup instantly with a few clicks. |
| Mockup World | Offers a large collection of free and premium mockups, including device mockups, branding mockups, and more. |
| Freebiesbug | Provides a range of design resources, including free mockups for web and graphic design. |
| Smartmockups | Offers a free plan that includes a limited selection of mockups, as well as premium plans with access to more mockups and features. |
| Pixelbuddha | Provides free and premium design resources, including mockups for branding, packaging, and more. |
| Website | Description |
|---|---|
| Grid by Example | This site is a collection of examples, video and other information to help you learn CSS Grid Layout. |
| THE EXPERIMENTAL LAYOUT LAB | Learn what's now possible in graphic design on the web : layout, CSS Grid, and more. |
| CSS Crid Generator | This project is a way for people to use CSS Grid features quickly to create dynamic layouts. |
| Ultimate CSS Gradient Generator | if you already have two colors and you need to make a CSS gradient, it outputs the code for it really nicely and gives you fallback and sorts of stuff. |
| CodePen | CodePen is a social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration. |
| Give ’n’ Go | A curated gallery of Dribbble shots reworked as interactive CodePen pens. |
| CSS Dradient | CSS Gradient lets you create free gradient backgrounds for your website. |