Thread by @saviomartin7

Free Web Development Resources 👨‍💻

180+ curated free resources for any topic. 99.8% don't know these amazing resources, must read thread!

A Mega Thread 🧵👇️

Free Learning Platforms:

✍️ w3schools.com
✍️ developer.mozilla.org/en-US/
✍️ freecodecamp.org
✍️ guru99.com
✍️ htmldog.com
✍️ geeksforgeeks.org
✍️ sololearn.com/home
✍️ javascript.info

Design Inspiration:

✨ dribbble.com
✨ awwwards.com
✨ dribbble.com
✨ muz.li
✨ onepagelove.com
✨ collectui.com
✨ land-book.com
✨ mobbin.design/browse/ios/apps

Free Hosting:

🔗 vercel.com
🔗 netlify.com
🔗 heroku.com
🔗 firebase.google.com
🔗 pages.github.com
🔗 aws.amazon.com
🔗 surge.sh
🔗 render.com
🔗 deta.sh

Free Coding Cheatsheets:

💻️ devhints.io
💻️ html.com/blog/100-web-d…
💻️ dev.to/haycuoilennao1…
💻️ caniuse.com
💻️ cheatography.com/programming/
💻️ lecoupa.github.io/awesome-cheats…
💻️ overapi.com/javascript
💻️ moz.com/learn/seo/seo-…

Free UI Design kits:

🎨 uideck.com
🎨 xdguru.com
🎨 uistore.design
🎨 freebiesui.com
🎨 uigarage.net/ui-kits
🎨 ui8.net/categories/fre…
🎨 freedesignresources.net
🎨 justinmind.com/ui-kits

Free CSS Generators:

🏄️ keyframes.app/animate/
🏄️ grid.layoutit.com
🏄️ blobmaker.app
🏄️ cubic-bezier.com
🏄️ hype4.academy/tools/glassmor…
🏄️ bennettfeely.com/clippy/
🏄️ bestcssbuttongenerator.com
🏄️ getwaves.io

Developer Podcasts:

🎤 Designer FM
🎤 Syntax
🎤 Fullstack radio
🎤 The Futur
🎤 Modern web
🎤 CodePen Radio
🎤 JAMStack Radio
🎤 Worldclass Designer

Free Stock Photos:

📸 pexels.com
📸 unsplash.com
📸 freephotos.cc
📸 pixabay.com
📸 stocksnap.io
📸 photos.icons8.com
📸 reshot.com
📸 stockvault.net/free-photos/

Free Resume Builders:

💸 resume.com
💸 resumegenius.com
💸 novoresume.com
💸 enhancv.com
💸 resume.io
💸 visualcv.com
💸 resumelab.com/in
💸 zety.com/resume-builder

Developer Books:

📘 Burn Your Portfolio
📘 Steal Like an Artist
📘 The Designer's Dictionary of Color
📘 Type Matters
📘 100 Things Every Designer Needs to Know About People
📘 The Design of Everyday Things
📘 Don’t Make Me Think
📘 Designing User Interfaces

Chrome Extensions:

🖥️ Dailydev
🖥️ Wappalyzer
🖥️ CSSViewer
🖥️ Web Developer
🖥️ Checkbot
🖥️ JSON Viewer
🖥️ Octotree
🖥️ Lighthouse

Figma Pluggins:

🍥 Color Palettes
🍥 Autoflow
🍥 Product Planner
🍥 Remove BG
🍥 Figmotion
🍥 Unsplash
🍥 Responsify
🍥 SmoothShadow

Free Web Development Video Courses:

🎉
🎉
🎉 udemy.com/course/html5-f…
🎉 udemy.com/course/javascr…
🎉 udacity.com/course/intro-t…
🎉
🎉 udemy.com/course/react-t…
🎉 udemy.com/course/react-j…

Charting Libraries:

📈 chartjs.org
📈 frappe.io/charts
📈 apexcharts.com
📈 nvd3.org
📈 almende.github.io/vis/
📈 d3js.org
📈 github.com/jwilber/roughV…
📈 highcharts.com

Animation Libraries:

🎥 animate.style
🎥 scrollrevealjs.org
🎥 airbnb.io/lottie/#/
🎥 popmotion.io/pure/
🎥 mojs.github.io
🎥 michalsnik.github.io/aos/
🎥 maxwellito.github.io/vivus/
🎥 animejs.com

Free Color Palette Websites:

🌈 colorhunt.co
🌈 coolors.co
🌈 colors.muz.li
🌈 colordrop.io
🌈 colors.dopely.top
🌈 mybrandnewlogo.com/color-palette-…
🌈 klart.io/colors/

Free Gradient Websites:

⭐️ uigradients.com
⭐️ grabient.com
⭐️ cssgradient.io
⭐️ webkul.github.io/coolhue/
⭐️ gradienta.io
⭐️ gradients.cssgears.com
⭐️ webgradients.com
⭐️ eggradients.com

Free Icon Packs:

🦄 remixicon.com
🦄 akveo.github.io/eva-icons/
🦄 feathericons.com
🦄 fontawesome.com
🦄 icomoon.io
🦄 flaticon.com
🦄 ionic.io/ionicons
🦄 iconscout.com/unicons

Free Fonts:

📜 fonts.google.com
📜 fontsquirrel.com
📜 dafontfree.io
📜 fontsfree.net
📜 urbanfonts.com/free-fonts.htm/
📜 fontspace.com
📜 1001fonts.com
📜 fonts.adobe.com

Networking Communities:

🌍 github.com
🌍 codepen.io
🌍 stackoverflow.com
🌍 news.ycombinator.com
🌍 dev.to
🌍 hashnode.com
🌍 coderwall.com
🌍 reddit.com/r/webdev/

Free Mockups:

📱 anthonyboyd.graphics/mockups
📱 mockupworld.co
📱 smartmockups.com
📱 ls.graphics/free-mockups
📱 graphicburger.com/mock-ups
📱 graphberry.com
📱 threed.io
📱 mockuuups.studio

Free 3D illustrations:

📂 amritpaldesign.com
📂 icons8.com/l/christmas-3d/
📂 shapefest.com
📂 3d.khagwal.co/explorer/
📂 icons8.com/l/3d-hands/
📂 handz.design
📂 freepik.com
📂 figma.com/community/file…
📂 figma.com/community/file…

Free Illustrations:

🔥 storytale.io
🔥 undraw.co/illustrations
🔥 icons8.com/illustrations
🔥 undraw.co/illustrations
🔥 humaaans.com
🔥 blush.design
🔥 lukaszadam.com/illustrations
🔥 interfacer.xyz

If you found this thread helpful, please consider following me @saviomartin7 and retweeting the first tweet.

Thank you so much for your support, friends! 🙏