🌈 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. ✌️
- AI
- Audio
- Case Studies
- Case Study Templates
- Certifications
- Color
- Design Systems
- Fonts
- Images
- Inspiration
- Learning & Reference
- Mockups
- Podcasts
- SVG
- Tools
- YouTube
- https://www.bensound.com/royalty-free-music?tag[]=effects
- https://hellothematic.com/
- https://studio.youtube.com/channel/UCdwufyEpC8RMtHRlneT_zWw/music
- HubSpot Case Study Templates
- Wordstream Case Study Templates (Marketing)
- Template.net Case Study Templates
- Coolors: Popular tool for generating color schemes.
- Colormind: Uses ML to create color schemes.
- Tint & Shade Generator: Create shades of a given hex color in 10% increments.
- Atlassian
- Cedar - REI
- Human Interface Guidelines - Apple
- Latitude Design System
- Material Design
- Mailchimp Design System
- Polaris - Shopify
- Pexels: Free, royalty free, stock photos.
- Pixabay: Free, royalty free, stock photos.
- Vecteezy: Free vector art, stock photos & videos.
- Freepik: Free images, vectors, mockups, and more.
- Morquefile: Free images, vectors, videos and templates. Commercial use OK.
- Picjumbo: Free photos. Commercial use OK.
- Stockvault: Free photos. Filter for CC0 license images.
- Gratisography? Free stock images and vector graphics. Commercial use OK.
- New Old Stock: Free stock images from public archives. No known copyright restrictions.
- Open Peeps: Cool illustrations, SVG and PNG availble. CC0 license.
- Drawkit: Illustration collections. OK for commercial use. (license).
- unDraw: Cool and fun vector illustrations. OK for commercial use. (license)
- Pixsellz: Some really great free illustration collections. Maybe OK for commercial use, see license.
- Lapa Ninja
- Awwwards
- Designspiration
- Minimal Gallery
- Godly
- httpster
- Mobbin
- UI Sources
- https://uigarage.net/
- https://www.siteinspire.com/
- https://land-book.com/
- https://www.landingfolio.com/
- https://www.designspiration.com/topics/ux-design/
- Laws of UX: Great resrouce on various important UX principles.
- MDN_: Thoroughly documented CSS, HTML and JavaScript resources.
- Front-End Interview Handbook
- free-for.dev: Comprehensive free developer resource list.
- Hero Patterns: SVG pattern generator.
- SVG Repo: 460,000+ Open-licensed SVG Vector and Icons.
- Iconify: Amazing and easy-to-use icon framework containing all the most popular icon sets.
- Pattern Monster: Large number of customizable SVG patterns.
- VISIWIG: Vector pattern generator.
- MagicPattern: Easily create pure CSS background patters.
- CSS Gradient: Tool that lets you create linear and radial CSS gradients.
- CSS Layout Generator: Premade grid and flexbox layouts you can use or edit.
- socialsizes: Correctly sized templates for all major social media platforms.
- Template.net: Free templates for a variety of design and business uses.
- Free Mockup: Free mockups displaying your design or product in a variety of situations.
- lukaszadam: Free CC0 illustrations by Lukasz Adam.
- Responsively: Tools for checking your sites accross multiple screen sizes for responsiveness.
- BrowserFrame: Download customizable browser frames for screenshots and design drafts.
- Social Sizes: Sizes of social media tools.
- 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
- https://www.youtube.com/@SatoriGraphics
- https://www.youtube.com/@vaexperience
- https://www.youtube.com/@WiredtoDesign
- Tailwind CSS v2.0: From Zero to Production