{"id":26804557,"url":"https://github.com/mscompsci/super-cool-design-resources-md","last_synced_at":"2025-07-11T08:07:04.868Z","repository":{"id":253590785,"uuid":"842276628","full_name":"MSCompSci/super-cool-design-resources-md","owner":"MSCompSci","description":"A collection of super cool design tools and websites","archived":false,"fork":false,"pushed_at":"2024-09-12T11:21:36.000Z","size":8,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-22T15:27:11.073Z","etag":null,"topics":["design","development","guides","tools","ui","ux"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MSCompSci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-14T02:58:39.000Z","updated_at":"2025-02-09T23:32:11.000Z","dependencies_parsed_at":"2024-09-12T21:14:39.329Z","dependency_job_id":"7160f3f7-784b-4781-b0ab-6312de2ec476","html_url":"https://github.com/MSCompSci/super-cool-design-resources-md","commit_stats":null,"previous_names":["mscompsci/super-cool-design-resources"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSCompSci%2Fsuper-cool-design-resources-md","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSCompSci%2Fsuper-cool-design-resources-md/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSCompSci%2Fsuper-cool-design-resources-md/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MSCompSci%2Fsuper-cool-design-resources-md/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MSCompSci","download_url":"https://codeload.github.com/MSCompSci/super-cool-design-resources-md/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246249212,"owners_count":20747168,"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","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","development","guides","tools","ui","ux"],"created_at":"2025-03-29T22:18:20.087Z","updated_at":"2025-03-29T22:18:20.582Z","avatar_url":"https://github.com/MSCompSci.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 😎 Super Cool Design Resources\n\nA collection of super cool design and development tools/resources\n\nEverything in this guide is free btw\n\n## ♿ Accessibility\n\n### Colors\n\n- [WhoCanUse color checker](https://www.whocanuse.com/)\n\n### Documents\n\n- [PAVE PDF accessibility tool](https://pave-pdf.org/?lang=en)\n\n### Development\n- [ARIA Authoring Practices Guide UI Component Patterns](https://www.w3.org/WAI/ARIA/apg/patterns/)\n\n### Icons\n\n- [Fontawesome icon accessibility](https://docs.fontawesome.com/v5/web/other-topics/accessibility)\n\n### Website Testing\n\n- [WAVE browser plugin](https://wave.webaim.org/extension/)\n\n## 🎨 Colors\n\n### Tools and Generators\n\n- [Coolors pallet generator](https://coolors.co/)\n\n## 📐 Design\n\n### UX Resources\n\n- [Laws of UX](https://lawsofux.com/)\n- [Daily UI Challenge](https://www.dailyui.co/)\n- [UX Project Checklist](https://www.ux-checklist.com/)\n\n### Tools\n- [Blender](https://www.blender.org/)\n- [Figma](https://www.figma.com/)\n- [Miro](https://miro.com/)\n\n#### Plugins\n\n- [Clay Mockups 3D](https://www.figma.com/community/plugin/819335598581469537)\n- [Iconify icons](https://www.figma.com/community/plugin/735098390272716381)\n- [Maze user testing integration](https://maze.co/integrations/figma/)\n\n## 📜 Text and Fonts\n\n### Font Libraries\n\n- [Google Fonts](https://fonts.google.com/)\n- [Fontsource Library](https://fontsource.org/)\n\n### Tools\n\n- [Fontjoy type comparer](https://fontjoy.com/)\n\n### Notices\n\n- [FreePrivacyPolicy privacy and copyright notices](https://www.freeprivacypolicy.com/blog/sample-copyright-notice/)\n\n### Markdown\n\n- [Markdown Guide](https://gist.github.com/rxaviers/7360908)\n- [GitHub supported emojis](https://gist.github.com/rxaviers/7360908)\n\n## 🖼️ Icons and Images\n\n### Editors and Generators\n\n#### Online\n\n- [Base64 image encoder](https://www.base64-image.de/)\n- [Canva](https://www.canva.com/)\n- [Icons8](https://icons8.com/)\n- [x-icon editor](https://www.xiconeditor.com/)\n- [Text to ACII art generator](https://www.patorjk.com/software/taag)\n\n#### Desktop\n\n- [GIMP (GNU Image Manipulation Program)](https://www.gimp.org/)\n- [Inkscape](https://inkscape.org/)\n\n### Icon Libraries\n\n- [Fontawesome icons](https://origin.fontawesome.com/icons)\n- [Hero icons](https://heroicons.com/)\n- [Lucide icons](https://lucide.dev/icons/)\n- [Skill Icons](https://skillicons.dev/)\n- [Iconify icon search](https://icon-sets.iconify.design/)\n- [Framework7 icons](https://framework7.io/icons/)\n\n### Image Libraries (Free Use)\n\n- [British Library public domain images](https://www.flickr.com/photos/britishlibrary/albums/)\n- [Pexels](https://www.pexels.com/)\n- [Pixabay](https://pixabay.com/)\n- [Unsplash](https://unsplash.com/)\n\n## 💻 Web Development\n\n### CSS and Tailwind CSS\n\n#### Animation\n\n- [Animista animation preview](https://animista.net/play)\n- [cubic-bezier](https://cubic-bezier.com/#.17,.67,.83,.67)\n- [Keyframes app](https://keyframes.app/animate)\n- [Transition.css](https://www.transition.style/)\n- [Wait! Animate](https://waitanimate.wstone.uk/)\n\n#### Backgrounds and Patterns\n\n- [Hero Patterns](https://heropatterns.com/)\n- [Haikei SVG generator](https://app.haikei.app/)\n- [Doodad patterns](https://doodad.dev/pattern-generator/)\n\n#### Calculators and Generators\n\n- [Clippy CSS clip-path generator](https://bennettfeely.com/clippy/)\n- [Fancy Border Radius](https://9elements.github.io/fancy-border-radius/)\n- [Quantity Queries](https://quantityqueries.com/)\n\n#### Colors, Shadows, and Gradients\n\n- [Smooth Shadow](https://shadows.brumm.af/)\n- [Tailwindcss color reference](https://uicolors.app/browse/tailwind-colors)\n- [Tailwindcss Gradient Generator](https://www.creative-tim.com/twcomponents/gradient-generator/)\n\n#### Effects\n\n- [CSS Filters](https://www.cssfilters.co/)\n- [CSS Glow Generator](https://cssbud.com/css-generator/css-glow-generator/)\n- [Glassmorphism Generator](https://hype4.academy/tools/glassmorphism-generator)\n- [Neumorphism.io CSS Generator](https://neumorphism.io/)\n\n#### Libraries and Kits\n\n- [Open Props](https://open-props.style/)\n- [Tailwind CSS Typography plugin](https://github.com/tailwindlabs/tailwindcss-typography)\n\n### Frameworks\n\n- [Astro](https://astro.build/)\n- [Svelte/SvelteKit](https://svelte.dev/)\n\n### HTML\n\n#### Boilerplates and Libraries\n\n- [HTML Boilerplates](https://htmlboilerplates.com/)\n\n### JavaScript\n\n#### 3D Graphics\n- [Babylon.js](https://doc.babylonjs.com/journey)\n- [Three.js](https://threejs.org/)\n\n#### Component Libraries\n\n- [Swiper carousels](https://swiperjs.com/)\n- [Slick carousels](https://kenwheeler.github.io/slick/)\n- [Masonry image layouts](https://masonry.desandro.com/)\n\n#### Effects Libraries\n\n- [Atropos 3D Parallax](https://atroposjs.com/)\n- [Heatmap.js heatmaps](https://www.patrick-wied.at/static/heatmapjs/)\n- [Typed.js](https://mattboldt.github.io/typed.js/)\n\n### User Interface Systems\n\n- [Skeleton](https://www.skeleton.dev/)\n- [DaisyUI](https://daisyui.com/)\n- [Preline](https://preline.co/index.html)\n- [Shadcn/ui](https://ui.shadcn.com/)\n- [NextUI](https://nextui.org/)\n- [Flowbite](https://flowbite.com/)\n\n### Website Testing\n\n- [Browserstack browser testing](https://www.browserstack.com/screenshots)\n- [Nu HTML Checker](https://validator.unl.edu/)\n- [W3C Markup Validator](https://validator.w3.org/)\n- [Regex101](https://regex101.com/)\n\n## 📚 Learning\n\n### General Programming\n\n- [W3 Schools](https://www.w3schools.com/)\n- [freeCodeCamp](https://www.freecodecamp.org/learn)\n\n### Web Development\n\n- [The Odin Project](https://www.theodinproject.com/)\n- [Full Stack Open](https://fullstackopen.com/en/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmscompsci%2Fsuper-cool-design-resources-md","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmscompsci%2Fsuper-cool-design-resources-md","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmscompsci%2Fsuper-cool-design-resources-md/lists"}