1000+ Web development resources
Code White Dev
Posted on December 26, 2021
Awesome Web Development Resources 
This is an awesome project about Web Development resources. ⚡
Resources are added frequently! ⚡
Enjoy!
If you like this Post, 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:
Freelancing platforms:
Remote Jobs:
Photos:
Illustrations:
Icons:
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:
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:
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. |
| CSS Gradient Editor | You may only need this tool for creating CSS gradients and patterns. |
| Hola SVG Loaders Generator | SVG Loaders Generator with Sass and SMIL options |
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. |
| Gradient Art | An advanced CSS gradient editor with layering, design tools and free cloud storage |
UI Components:
| Website | Description |
|---|---|
| CssLayout | A site with multiple css code snippets for very frequently used components in day to day web pages |
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 |
| Cssrepo | A curated list of awesome frameworks, style guides, and other cool nuggets for writing amazing CSS |
To Contribute send a Pull request to the owner on this Repo
💖 💪 🙅 🚩
Code White Dev
Posted on December 26, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related