design-resources
github.com/sarah-haddad/design-resources ↗This repository is a collection of design resources that includes templates, stock photos, icons, fonts, color palettes...
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me colors resources from design-resources"
Installation instructions →What's inside
Colors
- 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
- Adobe Color
A color palette generator.
- Chroma
A free browser extension that makes it easy to pick colors off the page and build amazing and shareable color palettes.
- Colorable
Take a set color palette and get contrast values for every possible combination.
- Color Hunt
a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
- Colors.lol
Overtly descriptive color palettes.
Fronts
- 1001 Fonts
New & Fresh Fonts.
- Adobe Fonts
Find the perfect font for your next project.
- arbfonts
Arabic font.
- Colors and Fonts
A collection of color and typography resources for Web Developers and Digital Designers to find inspiration.
- Dafont
Download fonts.
- Font Awesome
Icon library and toolki.
General
- 100 Daily UI
Free Figma library of products, elements, and screens
- Attention insight
Attention Insight's AI automatically predicts changes in visual attention based on 70,000 images from eye-tracking studies.
- Blugraphic
Includes graphics, templates, mockups, icons, fonts and other ...
- Checklist Design
A collection of the best design practices.
- Compressor
Fast & efficient image compression.
- Designercize
Fun game for ui/ux designe it gives you challenges with time set up.
Illustrations
- 404 illustrations
Free illustrations for 404 pages.
- Absurd Design
Free surrealist illustrations and vector art.
- Blush
Free customizable illustrations with Figma Plugin.
- Control
Combo set of 108 customizable illustrations.
- Delesign
Royalty-free designs for your website, social media, blog, email newsletters, and more.
- DrawKit
Hand-drawn vector illustration and icon resources, perfect for your next project.
Inspiration
- Archivepdf
Vintage scans of fashion magazines
- Awwward
Website web design world award.
- BA-Reps
Portfolio site representing top illustrators and artists for editorial and commercial work.
- Behance
Connect with other creatives, and discover new talent.
- Bestfolios
Bestfolios is a gallery featuring 502 portfolios, 200 resumes and many more design inspirations.
- CodeMyUI
Handpicked collection of web design & UI inspiration with code snippets.
Generators & Creative Tools
- BlobMaker
SVG blob generator.
- Fffuel
Generative gradient patterns, shapes & textures.
- GetWaves
SVG wave generator.
- Shapes (Framer)
Create and customize generative vector shapes for UI & graphics.
- SVGator
Online SVG animation tool to design and export animated SVGs, Lottie, GIFs, and videos without coding.
Icons
- Bootstrap Icons
Free, high quality, open source icon library with over 1,300 icons.
- Circum Icons
Consistent open source icons as SVG for React, Vue and Svelte.
- Consax
A modern, utility-first UI component system for React apps.
- CSS.gg
Open-source CSS, SVG and Figma UI Icons that are available in SVG Sprite, styled-components, NPM & API.
- Feather Icons
Simply beautiful open source icons.
- Flaticon
Vector icons & stickers.
Stock Photos
- Burst
Free stock photos for websites and commercial use.
- DeviantArt
Explore over 350 million pieces of art while connecting to fellow artists and art enthusiasts.
- FreeImages
Free Images: Photos, Vectors, Clipart, Icons, PSD & more!
- Freepik
Find and download the best high-quality photos, vectors, videos, and mockups.
- Let's Enhance
Let's Enhance is an Al tool to increase your images resolution without quality loss.
- Pexels
Download and use the best free stock photos and videos.
Showing a sample of 168 resources. View the full list on GitHub →