design-resources-for-developers
Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
Design Resources for Developers is a comprehensive, curated directory of over 400 design and UI resources organized into more than 30 categories. This collection provides developers and designers with quick access to stock photos, web templates, CSS frameworks, UI component libraries, fonts, color tools, icon sets, and design inspiration. Originally compiled by Brad Traversy, it serves as a one-stop reference for finding high-quality, often free design assets across multiple formats including SVG, Figma, Sketch, and PSD.
Key Features
Use Cases
- 01Finding open-source UI components and design systems for web application development
- 02Sourcing free stock photography, illustrations, and vector graphics for client projects
- 03Discovering color palettes and gradient combinations that meet accessibility standards
- 04Locating framework-specific UI libraries when building React, Vue, or Angular applications
- 05Accessing free fonts and typography tools for branding and web design projects
- 06Finding browser extensions and tools to streamline design workflow and asset optimization
Related Plugins
View moreollama
Get up and running with Kimi-K2.6, GLM-5.2, MiniMax, DeepSeek, gpt-oss, Qwen, Gemma and other models.
claude-code
Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.
funNLP
funNLP is a comprehensive Chinese natural language Plugin for Claude code
rtk
CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies
design-resources-for-developers — FAQ
What is the Design Resources for Developers collection?+
It is a curated GitHub repository containing links to over 400 design and development resources organized into categories like fonts, colors, icons, UI frameworks, stock media, and design tools. The collection focuses on free and open-source resources that developers can use in their projects.
How do I use this resource collection?+
Browse the categorized table of contents in the GitHub README to find the type of resource you need, then click through to the external websites listed. Each entry includes a brief description to help you evaluate whether it fits your requirements. You can bookmark frequently used resources or contribute new findings via pull request.
Is this collection free to use?+
Yes, the curated list itself is free and open source on GitHub. Most linked resources are also free, though some websites offer both free and premium tiers. Each resource listing indicates whether it's completely free or offers paid options.
Does this work with Claude Code or other AI coding assistants?+
This is a reference directory rather than an integration or plugin. You can use it alongside any development environment or AI coding assistant to quickly find design assets and tools. Simply reference the links when you need specific design resources during development.
What types of UI frameworks and libraries are included?+
The collection includes CSS frameworks, UI component kits and libraries for React, Vue, Angular, Svelte, and React Native, along with CSS methodologies, animation libraries, and JavaScript charting tools. Each section contains multiple options so you can choose the best fit for your tech stack.
Can I contribute additional resources to this collection?+
Yes, the repository welcomes contributions following the guidelines in the contributing.md file. You can submit pull requests to add new resources, update existing links, or suggest improvements to the organization and categorization.
How do I install design-resources-for-developers?+
Open the source repository on GitHub and follow its README. design-resources-for-developers is a plugin — MCP Agents Market links you directly to the official repo.
Is design-resources-for-developers free?+
design-resources-for-developers is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.