Thread by @saviomartin7

Free Web Development Resources ✨

Huge list of 180+ curated free resources for any project. Save 100+ hours on researching.

A thread 🧵👇️

Free Illustrations:

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

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…

VS Code themes:

👨‍💻 Shades Of Purple
👨‍💻 LaserWave
👨‍💻 OutRun
👨‍💻 Radical
👨‍💻 Aurora X
👨‍💻 Night Owl
👨‍💻 Cobalt2
👨‍💻 SynthWave '84

Free Learning Platforms:

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

Beginner Friendly Projects:

🌊 Calculator
🌊 To-do list app
🌊 Random Password Generator
🌊 Weather App
🌊 Music App
🌊 Social Media App
🌊 E-Commerce Store
🌊 Messaging App

Free Mockups:

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

Free Image Compressors:

🔸 tinypng.com
🔸 online-convert.com
🔸 compressjpeg.com
🔸 iloveimg.com/compress-image
🔸 imagecompressor.com
🔸 compressnow.com
🔸 compressor.io

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 Color Palette Websites:

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

Free Fonts:

📜 fonts.google.com
📜 fontsquirrel.com
📜 dafontfree.io
📜 fontsfree.net
📜 urbanfonts.com/free-fonts.htm/
📜 fontspace.com
📜 1001fonts.com
📜 fonts.adobe.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

SEO Optimisation:
🌍️ metatags.io
🌍️ copyscape.com
🌍️ countingcharacters.com/google-serp-to…
🌍️ websiteseochecker.com/html-sitemap-g…
🌍️ hallanalysis.com/json-ld-genera…
🌍️ geo-tag.de/generator/en.h…
🌍️ seositecheckup.com
🌍️ tagmanager.google.com

Charting Libraries:

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

Figma Pluggins:

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

Chrome Extensions:

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

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

Free Stock Photos:

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

Utility JavaScript Libraries:

⚡️ Lodash
⚡️ Underscore.js
⚡️ Ramda
⚡️ Lazy.js
⚡️ Math.js
⚡️ date-fns
⚡️ Sugar
⚡️ Chance.js

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…

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

Thank you so much for your support, friends! 🙏