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.
- 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
| Website |
|---|
| https://fonts.google.com |
| https://fontspace.com |
| https://1001fonts.com |
| https://fontsquirrel.com |
| https://ffonts.net |
| https://fontfabric.com |
| https://urbanfonts.com |
| Website |
|---|
| VS Code |
| Sublime Text |
| Atom |
| Brackets |
| Vim |
| Spacemacs |
| Emacs |
| Neovim |
| Website |
|---|
| https://developer.mozilla.org |
| https://w3schools.com |
| https://w3docs.com |
| https://devdocs.io |
| https://free-for.dev |
| 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 |
| Website |
|---|
| Chart.js |
| D3.js |
| three.js |
| amCharts |
| Charts.css |
| ECharts |
| 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 |
|---|
| Google PageSpeed Insights |
| GTmetrix |
| WebPageTest |
| Yslow |
| web.dev |
| asayer |
| Optimizilla |
| 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. |
| 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 |
| BEAUBUS Patterns | 150+ free SVG patterns and CSS background images generator |
| 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 |
| Website | Description |
|---|---|
| CssLayout | A site with multiple css code snippets for very frequently used components in day to day web pages |
| TailGrids | Handcrafted Tailwind CSS UI Components |
| Ayro UI Bootstrap | Bootstrap UI components for modern web apps |
| UI Hut | Free (and premium) UI compontents or templates for Bootstrap, figma, XD, PSD etc.. |
| 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. |
| 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. |
| Website | Description |
|---|---|
| Taiga UI | A powerful set of open source components for Angular |
| PrimeNG | Angular UI Component Library featuring elegant, high-performance, accessible and fully customizable UI Components. |
| 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 |