Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/michaelsynan/awesome-free-resources

Awesome free website design, UI/UX and creator resources.
https://github.com/michaelsynan/awesome-free-resources

List: awesome-free-resources

awesome awesome-list awesome-readme awesome-resources developer-tools resources

Last synced: about 1 month ago
JSON representation

Awesome free website design, UI/UX and creator resources.

Host: GitHub
URL: https://github.com/michaelsynan/awesome-free-resources
Owner: michaelsynan
License: cc0-1.0
Created: 2022-12-14T16:03:48.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-04-16T21:54:55.000Z (over 1 year ago)
Last Synced: 2024-05-22T23:22:14.385Z (4 months ago)
Topics: awesome, awesome-list, awesome-readme, awesome-resources, developer-tools, resources
Homepage:
Size: 130 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md

Awesome Lists containing this project

ultimate-awesome - awesome-free-resources - Awesome free website design, UI/UX and creator resources. (Other Lists / PowerShell Lists)

README

        🌈 **Curated list of free stuff to help you build a website from start to end** ✨ 

Many times new developers or desigers end up having to wear many hats. This _awesome_ list is meant to help make that a little easier. 

**_Want to make a contribution? Just make a pull reuqest. ✌️_**



## **TABLE OF CONTENTS**

- [AI](#ai)

- [Audio](#audio)

- [Case Studies](#case-studies)

- [Case Study Templates](#case-study-templates)

- [Certifications](#certifications)

- [Color](#color)

- [Design Systems](#design-systems)

- [Fonts](#fonts)

- [Images](#images)

- [Inspiration](#inspiration)

- [Learning & Reference](#learning-and-reference)

- [Mockups](#mockups)

- [Podcasts](#podcasts)

  - [Programming](#programming-podcasts)

  - [UI/UX](#uiux-podcasts)

- [SVG](#svgs)

- [Tools](#tools)

- [YouTube](#youtube)

  - [Programming](#programming-yt)

  - [UI/UX](#uiux-yt)

  - [Typography](#typography-yt)

## AI

- https://rytr.me/

- https://hotpot.ai/art-generator 




## Audio

- https://www.bensound.com/royalty-free-music?tag[]=effects 

- https://hellothematic.com/

- https://studio.youtube.com/channel/UCdwufyEpC8RMtHRlneT_zWw/music




## Case Studies

- https://www.casestudy.club/

- [Material Studies](https://m2.material.io/design/material-studies/about-our-material-studies.html)

- [Shopify Case Studies](https://www.shopify.com/plus/customers)




## Case Study Templates

- [HubSpot Case Study Templates](https://offers.hubspot.com/case-study-templates)

- [Wordstream Case Study Templates (Marketing)](https://www.wordstream.com/blog/ws/2017/04/03/how-to-write-a-case-study)

- [Template.net Case Study Templates](https://www.template.net/business/case-templates/sample-case-study/)




## Certifications

- [Skillshop (Google)](https://skillshop.exceedlms.com/student/catalog)

- [freeCodeCamp](https://www.freecodecamp.org/)

- [Google UX Design Professional Certificate](https://www.coursera.org/professional-certificates/google-ux-design)




## Color

- [Coolors](https://coolors.co/): Popular tool for generating color schemes.

- [Colormind](http://colormind.io/): Uses ML to create color schemes. 

- [Tint & Shade Generator](https://maketintsandshades.com/): Create shades of a given hex color in 10% increments.




## Design Systems

- [Atlassian](https://atlassian.design/)

- [Cedar - REI](https://rei.github.io/rei-cedar-docs/)

- [Human Interface Guidelines - Apple](https://developer.apple.com/design/)

- [Latitude Design System](https://www.flexport.com/design)

- [Material Design](https://github.com/material-components)

- [Mailchimp Design System](https://ux.mailchimp.com/patterns/color)

- [Polaris - Shopify](https://github.com/Shopify/polaris)




## Fonts

- [Fontesk](https://fontesk.com/license/free-for-commercial-use/) 

- [Font Library](https://fontlibrary.org/) 

- [FontSpace](https://www.fontspace.com/commercial-fonts) 

- [Use & Modify](https://usemodify.com/) 




## Images

- [Pexels](https://www.pexels.com/): Free, royalty free, stock photos.

- [Pixabay](https://pixabay.com/): Free, royalty free, stock photos.

- [Vecteezy](https://www.vecteezy.com/): Free vector art, stock photos & videos. 

- [Freepik](https://www.freepik.com): Free images, vectors, mockups, and more. 

- [Morquefile](https://morguefile.com/): Free images, vectors, videos and templates. Commercial use OK. 

- [Picjumbo](https://picjumbo.com/): Free photos. Commercial use OK. 

- [Stockvault](https://www.stockvault.net/free-photos/business/%26s=dl): Free photos. Filter for CC0 license images. 

- [Gratisography](https://gratisography.com/)? Free stock images and vector graphics. Commercial use OK. 

- [New Old Stock](https://nos.twnsnd.co/): Free stock images from public archives. No known copyright restrictions. 

- [Open Peeps](https://www.openpeeps.com/): Cool illustrations, SVG and PNG availble. CC0 license. 

- [Drawkit](https://drawkit.com): Illustration collections. OK for commercial use. ([license](https://www.drawkit.com/license)). 

- [unDraw](https://undraw.co/illustrations): Cool and fun vector illustrations. OK for commercial use. ([license](https://undraw.co/license))

- [Pixsellz](https://www.pixsellz.io/#freebies): Some really great free illustration collections. Maybe OK for commercial use, see [license](https://www.dropbox.com/s/75pnhb69izt37xz/License.pdf?dl=0). 




## Inspiration

- [Lapa Ninja](https://www.lapa.ninja)

- [Awwwards](https://www.awwwards.com/)

- [Designspiration](https://www.designspiration.com)

- [Minimal Gallery](https://minimal.gallery/)

- [Godly](https://godly.website/)

- [httpster](https://httpster.net/)

- [Mobbin](https://mobbin.com)

- [UI Sources](https://www.uisources.com/)

- https://uigarage.net/

- https://www.siteinspire.com/

- https://land-book.com/

- https://www.landingfolio.com/

- https://www.designspiration.com/topics/ux-design/




## Learning and Reference

- [Laws of UX](https://lawsofux.com/): Great resrouce on various important UX principles.

- [MDN_](https://developer.mozilla.org): Thoroughly documented CSS, HTML and JavaScript resources.

- [Front-End Interview Handbook](https://github.com/yangshun/front-end-interview-handbook)

- [free-for.dev](https://free-for.dev/): Comprehensive free developer resource list.




## Mockups

- [Mockup World](https://www.mockupworld.co/)




## Podcasts

### Programming Podcasts

- https://changelog.com/jsparty | [RSS](https://changelog.com/jsparty/feed)

- https://syntax.fm/ | [RSS](http://feed.syntax.fm/rss)




### UI/UX Podcasts

- https://uxpodcast.com/ | [RSS](https://uxpodcast.com/feed/podcast/)

- https://uibreakfast.com/ | [Feed](https://uibreakfast.com/category/podcast/)

- https://design.google/ | [RSS](https://googledesignmethod.libsyn.com/rss)




## SVGs

- [Hero Patterns](https://heropatterns.com/): SVG pattern generator.

- [SVG Repo](https://www.svgrepo.com/): 460,000+ Open-licensed SVG Vector and Icons.

- [Iconify](https://iconify.design/): Amazing and easy-to-use icon framework containing all the most popular icon sets.

- [Pattern Monster](https://pattern.monster/): Large number of customizable SVG patterns.

- [VISIWIG](https://www.visiwig.com/patterns/): Vector pattern generator.




## Tools

- [MagicPattern](https://www.magicpattern.design/tools/css-backgrounds): Easily create pure CSS background patters.

- [CSS Gradient](https://cssgradient.io): Tool that lets you create linear and radial CSS gradients.

- [CSS Layout Generator](layout.bradwoods.io): Premade grid and flexbox layouts you can use or edit.

- [socialsizes](https://socialsizes.io/): Correctly sized templates for all major social media platforms.

- [Template.net](https://www.template.net/): Free templates for a variety of design and business uses. 

- [Free Mockup](https://www.free-mockup.com/): Free mockups displaying your design or product in a variety of situations.

- [lukaszadam](https://lukaszadam.com/illustrations): Free CC0 illustrations by Lukasz Adam. 

- [Responsively](https://responsively.app): Tools for checking your sites accross multiple screen sizes for responsiveness. 

- [BrowserFrame](https://browserframe.com): Download customizable browser frames for screenshots and design drafts. 

- [Social Sizes](https://socialsizes.io/): Sizes of social media tools.




## Youtube

### Programming YT

- https://www.youtube.com/@noobtoprofessional

- https://www.youtube.com/@ProgramWithErik

- https://www.youtube.com/@NetNinja

- https://www.youtube.com/@Fireship

- https://www.youtube.com/@academind/videos

- https://www.youtube.com/@TraversyMedia

- https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg

- https://www.youtube.com/@JamesQQuick/videos

- https://www.youtube.com/@LearnVue




### UI/UX YT

- https://www.youtube.com/@SatoriGraphics

- https://www.youtube.com/@vaexperience

- https://www.youtube.com/@WiredtoDesign

- [Tailwind CSS v2.0: From Zero to Production](https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0)




### Typography YT

- https://www.youtube.com/c/pimpmytype



## License

- [CC0](LICENSE.md)