{"id":13549115,"url":"https://github.com/skullface/design-resources","last_synced_at":"2025-08-18T02:31:34.397Z","repository":{"id":48773464,"uuid":"95913936","full_name":"skullface/design-resources","owner":"skullface","description":"📐 Select websites, tools, assets, and readings for working in and learning about design.","archived":false,"fork":false,"pushed_at":"2022-12-01T21:04:12.000Z","size":527,"stargazers_count":148,"open_issues_count":11,"forks_count":27,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-08-15T21:07:34.697Z","etag":null,"topics":["design","design-assets","design-resource"],"latest_commit_sha":null,"homepage":"http://designresources.party","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/skullface.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"patreon":null,"open_collective":null,"ko_fi":"skvllface","custom":null}},"created_at":"2017-06-30T18:29:00.000Z","updated_at":"2025-06-12T04:58:06.000Z","dependencies_parsed_at":"2023-01-23T21:00:08.280Z","dependency_job_id":null,"html_url":"https://github.com/skullface/design-resources","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/skullface/design-resources","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skullface%2Fdesign-resources","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skullface%2Fdesign-resources/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skullface%2Fdesign-resources/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skullface%2Fdesign-resources/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/skullface","download_url":"https://codeload.github.com/skullface/design-resources/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/skullface%2Fdesign-resources/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270933599,"owners_count":24670443,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-18T02:00:08.743Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["design","design-assets","design-resource"],"created_at":"2024-08-01T12:01:18.419Z","updated_at":"2025-08-18T02:31:33.991Z","avatar_url":"https://github.com/skullface.png","language":"CSS","funding_links":["https://ko-fi.com/skvllface","https://patreon.com/sydweiler"],"categories":["CSS","design"],"sub_categories":[],"readme":"# [Design Resources](http://designresources.party)\n\n👋 Hi, I’m [@skullface](http://twitter.com/skullface)!\n\n✨ I used to keep this info as a Google Doc to share with my most trusted coworkers and friends, but I thought the info would be better served in the open.\n\n⭐️ These lists and the contents within reflect _my_ opinions. I’m aiming for quality over quantity — only resources I would recommend. Suggestions, issues, and PRs are welcome 💖, but just because a resource exists doesn’t necessarily mean I’d recommend it.\n\n💫 [Website content](http://designresources.party) reproduced in full below!\n\n---\n\n## Table of contents\n* [Accessibility resources](#accessibility-resources)\n  * [Checklists](#checklists)\n  * [Guidelines](#guidelines)\n  * [Industry leaders, educators, and consultants](#industry-leaders-educators-and-consultants)\n  * [Online courses](#online-courses)\n  * [Pattern/component libraries](#patterncomponent-libraries)\n  * [Requirements and standards](#requirements-and-standards)\n  * [Testing tools and development references](#testing-tools-and-development-references)\n  * [Further reading](#further-reading)\n* [Books and zines](#books-and-zines)\n  * [Individual publications](#individual-publications)\n    * [Accessibility](#accessibility)\n    * [History](#history)\n    * [Independent practice, consulting, freelancing](#independent-practice-consulting-freelancing)\n    * [Process and mindset](#process-and-mindset)\n    * [User experience and interaction design](#user-experience-and-interaction-design)\n    * [User research](#user-research)\n  * [Publishers and distributors](#publishers-and-distributors)\n* [Browser features](#browser-features)\n  * [Google Chrome extensions and bookmarklets](#google-chrome-extensions-and-bookmarklets)\n  * [Google Chrome DevTools](#google-chrome-devtools)\n* [Brushes](#brushes)\n* [Colors and color palettes](#colors-and-color-palettes)\n  * [Accessible color palettes](#accessible-color-palettes)\n  * [Accessibility testing tools](#accessibility-testing-tools)\n* [Fonts](#fonts)\n  * [Directories and marketplaces](#directories-and-marketplaces)\n  * [Individual foundries](#individual-foundries)\n* [Icons and emoji](#icons-and-emoji)\n* [Inspiration and criticism websites](#inspiration-and-criticism-websites)\n  * [Brand identity](#brand-identity)\n  * [Illustration and art](#illustration-and-art)\n  * [Print, layout, packaging, art direction](#print-layout-packaging-art-direction)\n  * [Motion](#motion)\n  * [Typography](#typography)\n  * [Web, mobile, product](#web-mobile-product)\n    * [UX patterns and components](#ux-patterns-and-components)\n    * [Visual design](#visual-design)\n* [macOS apps](#macos-apps)\n  * [Development](#development)\n  * [Font management](#font-management)\n  * [Menubar apps](#menubar-apps)\n* [Mockups](#mockups)\n* [Prototyping tools](#prototyping-tools)\n* [Stock graphics](#stock-graphics)\n* [Stock photography](#stock-photography)\n* [User testing and interactive feedback tools](#user-testing-and-interactive-feedback-tools)\n\n---\n\n## Accessibility resources\n### Checklists\n* [18F Accessibility Guide Checklist](https://accessibility.18f.gov/checklist/) — WCAG 2.0 compliance checklist for developers, driven by priority\n* [HHS.gov’s checklist for creating accessible PDFs](https://www.hhs.gov/web/section-508/making-files-accessible/pdf-required/index.html) — designing accessibly for artifacts that aren't apps or websites is important, too!\n* [Vox Media Accessibility Guidelines Checklist](http://accessibility.voxmedia.com/) — best practices for designers, engineers, PMs, QA, and editorial staff (with sources to read more; great to send to coworkers on different teams)\n\n### Guidelines\n* [18F Accessibility Guide](https://accessibility.18f.gov/) — hub of accessibility resources and principles by government office 18F\n* [Empathy Prompts](https://empathyprompts.net/) — open source list of considerations \u0026 challenges to help build empathy\n* [Google Material Design Accessibility Principles](https://material.io/guidelines/usability/accessibility.html#accessibility-principles) — practices for color, sound, motion, layout, copy, hierarchy, focus, and implementation\n* [Inclusive Design Principles](http://inclusivedesignprinciples.org/) — seven clear principles to follow to put people first, by leading experts The Paciello Group\n* [Microsoft Inclusive Design Principles](https://www.microsoft.com/en-us/design/inclusive) — Microsoft's guidelines for designing accessible and inclusive experiences, including a detailed manual (.pdf) with awesome visualizations, and activity cards for considerations \u0026 challenges while brainstorming\n\n### Industry leaders, educators, and consultants\n* [Deque](https://www.deque.com/)\n* [Karl Groves](http://www.karlgroves.com/)\n* [Knowability](https://www.knowbility.org/)\n* [Level Access](https://www.levelaccess.com/)\n* [Marcy Sutton](https://marcysutton.com/)\n* [The Paciello Group](https://www.paciellogroup.com/)\n* [Simply Accessible](http://simplyaccessible.com/)\n* [WebAIM](http://webaim.org/resources/designers/)\n\n### Online courses\n* [Pluralsight “Meeting Web Accssibility Guidelines” course](https://www.pluralsight.com/courses/web-accessibility-meeting-guidelines) — [paid] — practical course with code examples to meet Section 508 and/or WCAG 2.0 requirements for government/education projects\n* [Udacity Web Accessibility course, by Google](https://www.udacity.com/course/web-accessibility--ud891) — [free] — practical course focused on front-end design and development regarding markup and visual styling\n\n### Pattern/component libraries\n* [A11y Style Guide](http://a11y-style-guide.com/style-guide/)\n* [eBay MIND Patterns](https://ianmcburnie.github.io/mindpatterns/index.html)\n\n### Requirements and standards\n* [🌐 WCAG 2.0](https://www.w3.org/TR/WCAG20/) — the W3C’s “Web Content Accessibility Guidelines” web standards specification\n* [🇺🇸 ADA](https://www.ada.gov/) — Americans with Disabilities Act prohibits discrimination against people with disabilities\n* [🇺🇸 Section 508](https://www.section508.gov/) — amendment to the Workforce Rehabilitation Act federally mandating all tech developed, procured, maintained, or used by the federal government be accessible to persons with disabilities\n* [🇨🇦 AODA](https://www.ontario.ca/laws/regulation/110191) — Accessibility for Ontarians with Disabilities Act, enacted for the province to become “accessible for people with disabilities by 2025”\n\n### Testing tools and development references\n* [Accessible-email.org](http://www.accessible-email.org/) — browser-based semantic analysis to report a11y and usability issues errors in marketing emails\n* [Colors palettes \u0026 contrast testing tools](#colors) — listed in the \"Colors\" category 👇\n* [HTML5 Accessibility](http://www.html5accessibility.com/) — lists current accessibility support status of HTML5 features across major browsers\n* [pa11y](http://pa11y.org/) — automated accessibility testing on the command line for programmatic accessibility reporting\n* [tota11y](http://khan.github.io/tota11y/) — Khan Academy's jQuery-based semantic analysis that can be inserted into a page or run as a bookmarklet\n\n### Further reading\n* [Accessibility Wins](https://a11ywins.tumblr.com/) — single-serving Tumblr showcasing small victories in accessible web design and development\n* [Awesome Accessibility](https://github.com/brunopulis/awesome-a11y) — a curated list of awesome accessibility tools, articles and resources on GitHub\n* *Books on accessibility* — listed in the “Books” category 👇\n\n\n\n## Books and zines\n#### Individual publications\n###### Accessibility\n* [_A Web for Everyone_ by Sarah Horton \u0026 Whitney Quesenbery](http://rosenfeldmedia.com/books/a-web-for-everyone/), 2014 — practical advice and examples to build accessible web products without sacrificing design or innovation\n* [_Inclusive Design Patterns — Coding Accessibility Into Web Design_ by Heydon Pickering](https://www.smashingmagazine.com/inclusive-design-patterns/), 2016 — real-world techniques and strategies to build and prototype accessible interfaces\n\n###### History\n* [_Megg’s History of Graphic Design_ by Philip B. Meggs](https://www.goodreads.com/book/show/641593.Meggs_History_of_Graphic_Design?ac=1\u0026from_search=true), 1983 — the unrivaled college textbook authority on the history of graphic design, mostly in America and Europe\n\n###### Independent practice, consulting, freelancing\n* [_Design Is a Job_ by Mike Monteiro](https://www.goodreads.com/book/show/13574985-design-is-a-job), 2012 — no bullshit lessons on selling yourself and working with others\n* [_Pricing Design_ by Dan Mall](https://www.goodreads.com/book/show/28511400-pricing-design), 2016 — brief and invaluable reference on value-based pricing\n\n###### Process and mindset\n* [_The Artist’s Way_ by Julia Cameron](https://www.goodreads.com/book/show/615570.The_Artist_s_Way), 1992 – classic international bestseller on the creative process\n* [_The Shape of Design_ by Frank Chimero](http://shapeofdesignbook.com/), 2012 — sometimes insightful, sometimes insufferable; a rumination on making things for other people\n* [*Sprint* by Jake Knapp \u0026amp; more](https://www.goodreads.com/book/show/25814544-sprint), 2016 — a balanced book of details, examples, checklists, and scripts to perform your own famed Google Ventures design sprint\n\n###### User experience and interaction design\n* [_Microinteractions: Designing with Details_ by Dan Saffer](https://www.goodreads.com/book/show/17239285-microinteractions), 2013 — straight-forward examples on the small details that exist inside \u0026 around a product’s features\n\n##### User research\n* [*Just Enough Research* by Erika Hall](https://www.goodreads.com/book/show/17236175-just-enough-research), 2013 — breaks down the huge topic of design research in a digestible, approachable, organized, and humorous way\n\n#### Publishers and distributors\n* [A Book Apart](https://abookapart.com) — top of the class brief books for people who make websites\n* [Chronicle Books](https://chroniclebooks.com) — innovative and design-y adult and children’s books, based in San Francisco\n* [Draw Down](https://draw-down.com/) — large catalog of small-press books and zines on graphic design, culture, criticism, art, and more\n* [Gestalten](http://usshop.gestalten.com/) — high-quality books on graphic design, art, and culture\n* [MIT Press](https://mitpress.mit.edu/) — hundreds of new books published yearly from leading researchers on technology, art, and science\n* [Rosenfeld Media](http://rosenfeldmedia.com/) – user experience books, training, workshops, seminars, and experts\n* [Smashing Magazine](https://www.smashingmagazine.com/books) — affordable, practical books from digital design practitioners\n\n\n\n## Browser features\n#### Google Chrome extensions and bookmarklets\n* [Tachyons X-ray](http://tachyons.io/xray/) — debug \u0026 align objects to an 8 or 16px grid\n* [Type Sample](http://www.typesample.com/) — identify and sample webfonts — 3 samples for free, or unlimited samples for $5/year subscription. available as a bookmarklet or Chrome extension\n* [WhatFont?](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en) — inspect a webfont’s name, family, weight, size, style, color, line height, and source (if hosted via Google Fonts or Typekit)\n\n#### Google Chrome DevTools\n* [Animation timeline \u0026 editing](https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations) — powerful tools to inspect and modify CSS animations\n* [Device Mode](https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports) — test responsiveness by using popular viewport sizes or creating your own presets\n* [Full-page screenshot](https://developers.google.com/web/updates/2017/04/devtools-release-notes##screenshots) — it’s inside the Device Mode — no additional browser extension required!\n* [Network performance](https://developers.google.com/web/tools/chrome-devtools/network-performance/) — analyze resource requests and emulate mobile experiences\n\n\n\n## Brushes\n* [Kyle T. Webster](https://www.kylebrush.com/) — best Photoshop brushes for drawing and adding small texture (though they are not of much use without a pressure-sensitive tablet)\n* [RetroSupply](http://www.retrosupply.co/collections/brushes) — Photoshop and Illustrator brushes for multiple uses, including adding large (2000px) texture. recommended packs: Standard Issue Brush \u0026 Texture Bundle, Standard Issue Subtle Brush Kit, VectorFuzz\n- [Shauna Lynn Panczyszyn’s \"Hand Lettering Toolbox\"](https://www.retrosupply.co/products/the-hand-lettering-toolbox?variant=22157366791) — Photoshop brushes made exclusively for digital lettering, with [more specific sets here](https://creativemarket.com/shaunaparmesan)\n* [Syd Weiler](https://patreon.com/sydweiler) — gorgeous Photoshop brushes, niched mostly toward organic shapes and textures\n\n\n\n## Colors and color palettes\n* [clrs.cc](http://clrs.cc/) — really pretty default colors for prototyping\n* [Coolors](https://coolors.co/app) — interactive color palette generator\n* [Google Material design colors](https://material.io/color/#!/?view.left=1\u0026view.right=0) — choose from all the hues in Google’s material design palette, see a tint and shade of each, and test against white \u0026 black text for accessibility\n* [Kuler](https://color.adobe.com/create/color-wheel/) — Adobe color palette resource\n* [Paletteable](http://www.palettable.io/) — interactive color palette generator\n* [Sip](http://sipapp.io/) — macOS and iOS colorpicker app, allows you to save custom palettes\n* [Wikipedia’s category for color shades](https://en.wikipedia.org/wiki/Category:Shades_of_color_templates) — if you wanna nerd out\n\n#### Accessible color palettes\n* [Randoma11y](https://randoma11y.com/) — accessibility-friendly random color generator for text \u0026 background combinations\n\n#### Accessibility testing tools\n* [Color Oracle](http://colororacle.org/) — open source macOS color blindness simulator\n* [Contrast Analyzer](https://www.paciellogroup.com/resources/contrastanalyser/) — open source macOS eye-dropper tool for text/bg accessibility testing, shows fail/AA Large/AA/AAA results\n* [Contrast](https://usecontrast.com/) — [paid] — minimal \u0026 gorgeous macOS menubar eye-dropper tool, shows fail/AA Large/AA/AAA results\n* [Hex Naw](https://hexnaw.com/) — input up to 12 hex codes to test entire color systems for accessible contrast\n* [Online contrast checker](http://webaim.org/resources/contrastchecker/) — input text/bg hex codes for accessible contrast testing\n- [Spectrum](https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en) — Google Chrome extension to instantly test web pages for different types of color vision deficiency\n\n\n\n## Fonts\n#### Directories and marketplaces\n* [Google Fonts](https://fonts.google.com/) — hundreds of free webfonts hosted via Google or self-hosted, downloadable via [GitHub repo](https://github.com/google/fonts) with individual licenses\n* [MyFonts](http://myfonts.com) — thousands of fonts from all kinds of foundries, includes some trial fonts \u0026 free families. (good for searching and testing, but it’s better to buy through the foundries themselves!)\n* [TypeKit](https://typekit.com/) — included with Adobe CC subscription, some fonts \u0026 families are only available for desktop _or_ web use. larger selection available for individual purchase through Typekit Marketplace\n* [Type Network](http://www.typenetwork.com/) — incredibly high-quality fonts by select independent foundries\n* [YouWorkForThem](https://www.youworkforthem.com/fonts/) — thousands of fonts in the “original creative marketplace”\n\n#### Individual foundries\n* [A2 Type](http://www.a2-type.co.uk/)\n* [Avondale Type Co.](https://avondaletypeco.com/)\n* [Beta Type](http://betatype.com/)\n* [Bold Monday](https://www.boldmonday.com/)\n* [Colophon](http://www.colophon-foundry.org/)\n* [Commercial Type](https://commercialtype.com/)\n* [Dalton Maag](https://www.daltonmaag.com/)\n* [DSType](http://www.dstype.com/)\n* [Font Bureau](http://fontbureau.typenetwork.com/)\n* [FontFont](https://www.fontfont.com/)\n* [Fountain](http://www.fountaintype.com/)\n* [GrilliType](https://www.grillitype.com/)\n* [Hoefler \u0026 Co.](http://www.typography.com/)\n* [House Industries](http://www.houseind.com/)\n* [HvD Fonts](http://www.hvdfonts.com/)\n* [Just Another Foundry](http://justanotherfoundry.com/)\n* [Lineto](https://lineto.com/)\n* [Mark Simpson](http://www.marksimpson.com/)\n* [Okay Type](https://okaytype.com/)\n* [P22](https://www.p22.com/)\n* [Process Type](https://processtypefoundry.com/fonts/)\n* [Sudtipos](http://www.sudtipos.com/)\n* [The Designer’s Foundry](http://thedesignersfoundry.com)\n* [TypeTogether](http://www.type-together.com/)\n* [Typotheque](https://www.typotheque.com/)\n* [Village](https://vllg.com/)\n\n\n\n## Icons and emoji\n* [EmojiOne](https://www.emojione.com/developers/) — [free \u0026 paid] — emoji set with free \u0026 premium licensing options available; downloadable as pngs, vectors, and font files\n* [Emojipedia](https://emojipedia.org/apple/) — [free] — every emoji, ever\n* [Google Material Design icons](https://material.io/icons/) — [free] — 900+ open source icons from Google’s gorgeous design language\n* [The Noun Project](https://thenounproject.com/) — [free \u0026 paid] — available for use with Creative Commons attribution or available to purchase without attribution for fair prices; best quality selection in one place\n* [SymbolSet](https://symbolset.com/) — [paid] — super high-quality icon fonts categorized by topic and style\n* [Vector Emoji](https://applypixels.com/template/vector-emoji) — [free] — iOS emoji faces recreated in vector as layered PSDs or Sketch files\n\n\n\n## Inspiration and criticism websites\n#### Brand identity\n* [BP \u0026 O](http://bpando.org) — killer packaging and brand design gallery\n* [Brand New](http://www.underconsideration.com/brandnew) — brand identity case studies\n* [Shipcom](http://shipcom.tumblr.com) — collection of shipping, manufacturing, transport, and logistics logos\n\n#### Illustration and art\n* [Boooooooom](http://www.booooooom.com) — art, illustration, design, photography interviews and features\n* [Jacky Winter](http://www.jackywinter.com/all-artists) — illustration collective\n\n#### Motion\n* [Wine After Coffee](https://vimeo.com/channels/wineaftercoffee) — curated channel of the best motion graphics, animation, and video\n\n#### Print, layout, packaging, art direction\n* [Art of the Menu](http://www.underconsideration.com/artofthemenu) — restaurant-specific print menu design case studies\n* [Designspiration](http://designspiration.net) — photography, print design, cool stuff gallery, Pinterest style\n* [FPO](http://www.underconsideration.com/fpo) — print design case studies\n* [Grafik](https://www.grafik.net) — cutting-edge and old school fringe aesthetic case studies\n* [It’s Nice That](http://www.itsnicethat.com) — creative inspiration worldwide\n* [Mind Sparkle Mag](http://mindsparklemag.com) — print, brand, interior, industrial design features\n* [Trendlist](http://www.trendlist.org) — graphic design trends for the designer’s designer\n\n#### Typography\n* [Alphabettes](http://www.alphabettes.org) — commentary, research, and work showcases by women in type design\n* [Fonts In Use](https://fontsinuse.com) — highest quality public archive of typography indexed by typeface, format, and industry\n* [Typographica](http://typographica.org) — reviews and commentary on type books and typefaces\n* [Type Wolf](https://www.typewolf.com) — curated examples of typography on the web with premium guides and resources\n\n\n#### Web, mobile, product\n\n###### UX patterns and components\n* [Capptivate](http://capptivate.co) — mobile design patterns and components in video form\n* [Collect UI](http://collectui.com) — UI design components gallery populated from Dribbble posts\n* [Empty Stat.es](http://emptystat.es) — empty state designs\n* [Little Big Details](http://littlebigdetails.com) — delightful, thoughtful UX components that make a big difference\n* [PTTRNS](http://pttrns.com) — mobile design patterns and components\n* [Pattern Tap](http://zurb.com/patterntap) — website components gallery\n* [UI Movement](https://uimovement.com/) — UI design components gallery and newsletter, largely culled from Dribbble\n* [Unmatched Style](http://unmatchedstyle.com) — website design and interactive components gallery\n\n###### Visual design\n* [HTTPSTER](http://httpster.net) — website design gallery. sort by category and style\n* [Lapa](https://www.lapa.ninja/) — website design gallery. sort by category and color\n* [One Page Love](https://onepagelove.com) — website design gallery featuring only one-page websites\n* [Pages.xyz](http://www.pages.xyz/) — website design gallery for digital product marketing and ecommerce sites\n* [Really Good Emails](http://reallygoodemails.com) — email design gallery\n* [Siteinspire](http://siteinspire.com) — website design gallery with the tightest curation. sort by category, style, subject, or CMS. includes starred favorites\n* [Site See](https://sitesee.co) — website design gallery. sort by category and color. includes custom curated collections\n* [Web Creme](http://www.webcreme.com) — website design gallery, updated sporadically, online since 2005(!)\n\n\n\n### macOS apps\n#### Development\n* [Dash](https://kapeli.com/dash) — [paid] — instant offline access to 150+ API documentation sets.\n\n#### Font management\n* [RightFont](http://rightfont.com/) — [paid] — preview, sync, install, and manage fonts on your Mac or Dropbox/Google Drive\n\n#### Menubar apps\n* [LittleIpsum](http://dustinsenos.com/littleIpsum) — [free] — sgenerate lorem ipsum lightning fast (can automatically wrap in `p` tags, too)\n* [LICEcap](https://www.cockos.com/licecap/) — [free] — weirdest name, most straightforward and lightweight way to capture parts of your screen as a gif (also available for Windows)\n\n\n\n\n## Mockups\n* [Facebook Design](http://facebook.design/handskit/) — [free] — diverse hands holding mobile devices\n* [Graphicburger](http://graphicburger.com/mock-ups/) — [free] — physical product mockups \u0026 templates\n* [GraphicRiver](https://graphicriver.net/) — [paid] — any product mockup you could ever think of\n* [Pixeden](http://www.pixeden.com) — [free \u0026 paid] — physical product mockups \u0026 templates\n\n\n\n## Prototyping tools\n* [Adobe Experience Design](http://www.adobe.com/products/experience-design.html) — included with Adobe CC subscription, for creating wireframes and protoyping interactivity\n* [Atomic](https://atomic.io) — prototyping tool for mobile or desktop interactions or animations\n* [Figma](https://figma.com) — the first real-time collaborative interface design tool\n* [Framer](https://framerjs.com) — prototyping tool built on framer.js for prototyping mobile and desktop apps\n* [InVision](https://www.invisionapp.com/) — collaborative click-through prototyping tool for web and mobile\n* [Marvel](https://marvelapp.com/) — simple click-through prototyping tool for web and mobile apps\n* [Principle](http://principleformac.com/) — motion design prototyping tool for mobile and web applications\n* 👆 [More details on these apps and the differences between them @ cooper.com](https://www.cooper.com/prototyping-tools)\n\n\n\n## Stock graphics\n* [CreativeMarket](https://creativemarket.com/) — huge marketplace for design assets of varying qualities (including fonts and stock photos), great for when you need to recreate a specific style or work in a particular niche\n* [RetroSupply](https://www.retrosupply.co/) — well-made and well-priced assets that skew toward retro/vintage\n* [YouWorkForThem](https://www.youworkforthem.com/graphics/) — cool textures and imagery from the original online creative marketplace\n\n\n\n## Stock photography\n* [Death to the Stock Photo](http://deathtothestockphoto.com/) — [free \u0026 paid] — new sets emailed weekly, premium plans available for more photos and unlimited access\n* [Gratisography](http://gratisography.com/) — [free] — photos by one photographer requiring no attribution, most are weird but some are chill to save in a folder for later since they’re free\n* [Magdeline](http://magdeleine.co/browse/) — [free] — similar to unsplash, some are licensed in public domain, some require Creative Commons attribution\n* [Masterfile](http://masterfile.com) — [paid] — stock photos, a little higher quality than iStock. registered account includes unwatermarked hi-res comps\n* [Stocksy](http://stocksy.com) — [paid] — high quality, stylish lifestyle paid stock photos (watermarked comps)\n* [Unsplash](https://unsplash.com/) — [free] — the first of the hip and gorgeous free with no strings attached stock photo sites\n* [Women of Color in Tech](https://www.flickr.com/photos/wocintechchat/albums) — [free] — photos of women in color in tech settings since every other stock photo site fails at this hardcore\n\n\n\n## User testing and interactive feedback tools\n* [Lookback](http://lookback.io) — users record their screen, face, voice, and touches while using your site/app/prototype/wireframe\n* [UsabilityHub](http://usabilityhub.com) — for quick 5-minute qualitative, navigation-based, or hot-spot based remote tests for static images or a series of images\n* [UserTesting](http://usertesting.com) — finds participants for you, runs a usability test, and records and stores videos of real people speaking their thoughts as they use your site/app/prototype/wireframe\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskullface%2Fdesign-resources","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskullface%2Fdesign-resources","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskullface%2Fdesign-resources/lists"}