Awesome Web Development Resources
This is an awesome project about Web Development resources. ⚡
Resources are added frequently! ⚡
Enjoy!
If you like this repo, be sure to ⭐ it.
Please read contributing guidelines before submitting new resources.
Initially created by Marko Denic on Twitter.
Table of Contents
- Hosting
- Learning Platforms
- Coding Challenge Platforms
- Freelancing platforms
- Remote Jobs
- Photos
- Illustrations
- Icons
- Fonts
- Youtube Channels
- Podcasts
- Code Editors
- Color Palettes
- UI Inspiration
- Docs
- Animation Libraries
- Charts
- Chrome Extensions
- Website Optimization Tools
- HTML/CSS/JavaScript templates
- Newsletters
- CSS Generators
- Online Tools
- UI Components
- Vue UI libraries
- React UI libraries
- Angular UI libraries
- Others
Hosting:
Learning Platforms:
Coding Challenge Platforms:
| Website |
|---|
| https://codewars.com |
| https://topcoder.com |
| https://codingame.com |
| https://hackerrank.com |
| https://projecteuler.net |
| https://coderbyte.com |
| https://codechef.com |
| https://exercism.io |
| https://leetcode.com |
| https://spoj.com |
| https://codeforces.com/ |
| https://codesignal.com/ |
| https://frontendmentor.io |
| https://devchallenges.io |
| https://www.hackerearth.com |
| https://www.frontendpractice.com |
| https://www.codementor.io/projects |
| https://css-challenges.com/ |
| https://100dayscss.com |
| https://codepip.com |
| https://triplebyte.com |
Freelancing platforms:
| Website |
|---|
| https://toptal.com |
| https://upwork.com |
| https://freelancer.com |
| https://peopleperhour.com |
| https://simplyhired.com |
| https://envato.com |
| https://guru.com |
| https://fiverr.com |
| https://hireable.com |
| https://6nomads.com |
Remote Jobs:
| Website |
|---|
| https://flexjobs.com |
| https://remote.co/remote-jobs |
| https://justremote.co |
| https://weworkremotely.com |
| https://remoteok.io |
| https://jobspresso.co |
| https://wfh.io |
| https://4dayweek.io |
| https://www.hiretechladies.com/ |
Photos:
| Website |
|---|
| https://unsplash.com |
| https://pixabay.com |
| https://pexels.com |
| https://reshot.com |
| https://librestock.com |
| https://visualhunt.com |
| https://freephotos.cc |
| https://picjumbo.com |
| https://www.pxfuel.com |
| https://www.splitshire.com |
Illustrations:
Icons:
| Website |
|---|
| https://fontawesome.com |
| https://flaticon.com |
| https://icons8.com |
| https://iconfinder.com |
| https://material.io/resources/icons |
| https://iconmonstr.com |
| https://heroicons.com |
| https://boxicons.com |
| https://css.gg/ |
| https://icons.eosdesignsystem.com/ |
| https://icons.modulz.app |
| https://remixicon.com |
| https://tablericons.com |
| https://simpleicons.org |
| https://feathericons.com |
| https://svgrepo.com/ |
| https://iconic.app |
| https://icomoon.io/ |
| https://iconscout.com/unicons |
Fonts:
| Website |
|---|
| https://fonts.google.com |
| https://fontspace.com |
| https://1001fonts.com |
| https://fontsquirrel.com |
| https://ffonts.net |
| https://fontfabric.com |
| https://urbanfonts.com |
Youtube Channels:
Podcasts:
Code Editors:
| Website |
|---|
| VS Code |
| Sublime Text |
| Atom |
| Brackets |
| Vim |
| Spacemacs |
| Emacs |
| Neovim |
Color Palettes:
UI Inspiration:
Docs:
| Website |
|---|
| https://developer.mozilla.org |
| https://w3schools.com |
| https://w3docs.com |
| https://devdocs.io |
| https://free-for.dev |
Animation Libraries:
| Website |
|---|
| CSShake |
| Animate.css |
| AnimeJS |
| GreenSock (GSAP) |
| Magic Animations |
| Hover css |
| AniJS |
| Wicked CSS |
| Tuesday |
| Mo.js |
| Bounce.js |
| tsParticles |
| AOS |
| Velocity.js |
| Popmotion |
| Snap.svg |
| Animista |
| Lottie-Player |
Charts:
| Website |
|---|
| Chart.js |
| D3.js |
| three.js |
| amCharts |
| Charts.css |
Chrome Extensions:
| Website |
|---|
| Web Developer |
| CSSViewer |
| Wappalyzer |
| JSONView |
| Lorem Ipsum Generator |
| daily.dev - News for Busy Developers |
| Lighthouse |
| Checkbot - SEO, speed & security checker |
| Performance-Analyser |
| WhatFont |
| Visbug |
Website Optimization Tools:
| Website | |
|---|---|
| Google PageSpeed Insights | |
| GTmetrix | |
| WebPageTest | |
| Yslow | |
| web.dev | |
| asayer | Ps.: Has a great Blog |
HTML/CSS/JavaScript templates:
| Website |
|---|
| https://inovatik.com |
| https://www.tooplate.com |
| https://html5up.net |
| https://templatemo.com |
| https://uideck.com |
| https://freehtml5.co |
| https://www.zerotheme.com |
| https://bootstrapmade.com |
Newsletters:
| Website | Topics |
|---|---|
| Smashing Newsletter | Front-end and UX. |
| Frontend Focus | HTML, CSS, WebGL, Canvas, browser tech, and more. |
| CSS Weekly | CSS. |
| JavaScript Weekly | JavaScript. |
| Accessibility Weekly | Accessibility. |
| RWD Weekly Newsletter | Responsive web design. |
| JAMstacked | JAMstack ecosystem. |
| UI Dev Newsletter | User Interface development. |
| Go Make Things | Daily Vanilla JavaScript. |
CSS Generators:
| Website | Description |
|---|---|
| Glassmorphism Generators | Use Glassmorphism Generator to create a stunning effect for your projects. |
| Buttons Generator | An online gallery of 100+ button designs you can easily copy and use in your projects. |
| Layoutit Grid | Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator. |
Online Tools:
| Website | Description |
|---|---|
| QR Code Generator | Use QR code generator to easily create a QR code for your project. |
| Google Analytics Checker | Scan your project to ensure that Google Analytcs tag is properly set. |
UI Components:
| Website | Description |
|---|
Vue UI libraries:
| Website | Description |
|---|---|
| Vuetify | Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue, Material Design and a massive library of beautifully crafted components and features. |
| Vue Material | Simple, lightweight and built exactly according to the Google Material Design specs. |
| BootstrapVue | BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup. |
React UI libraries:
| Website | Description |
|---|---|
| Material-UI | Simple and customizable component library to build faster, beautiful, and more accessible React applications. |
| Ant Design | An enterprise-class UI design language and React UI library. |
| React Bootstrap | Bootstrap components built with React. |
Angular UI libraries:
| Website | Description |
|---|---|
| Taiga UI | A powerful set of open source components for Angular |
Others:
| Website | Description |
|---|---|
| Markdown Preview | Markdown Editor with instant preview using GitHub CSS. |
| JavaScript Quiz | JavaScript Quiz - Check your knowledge by having fun. |
| CookieBubble | The easy way to inform users that your website is using cookies. |
| Developer Updates | Keeps you updated one everything going on in the software developement world |
| Boxy SVG Editor | SVG Editing Tool - Here you can easily edit and save any SVG file |