Front-End Development Resources
A curated collection of the best front-end development resources, tools, and learning materials.
All Resources
MDN HTML Documentation
Comprehensive HTML documentation and guides
CSS-Tricks
Tips, tricks, and techniques for CSS
MDN CSS Documentation
Complete CSS documentation and guides
Web.dev CSS
Learn modern CSS with web.dev
CSS Working Group
Latest CSS specifications and drafts
CSS Subreddit
CSS community discussions and resources
Tailwind CSS
A utility-first CSS framework for rapid UI development
Bootstrap
Popular CSS framework for responsive, mobile-first web development
Sass
CSS preprocessor that adds power and elegance to the basic language
MDN JavaScript Documentation
Complete JavaScript documentation and guides
State of JS
Annual survey of JavaScript ecosystem
JSDoc
Documentation generator for JavaScript
TypeScript Documentation
Official TypeScript documentation and guides
TypeScript Blog
Latest TypeScript updates and announcements
Node.js
Official Node.js website
Node.js Documentation
Complete Node.js API documentation
Express.js
Fast, unopinionated web framework for Node.js
AdonisJS
Node.js web framework
NestJS
Progressive Node.js framework
Elysia.js
Fast and friendly web framework
Encore
Backend development platform
Hono
Lightweight web framework
Strapi
Headless CMS
Koa
Next generation web framework
Tinyhttp
Modern Express-like web framework
FoalTS
TypeScript web framework
React
A JavaScript library for building user interfaces
Next.js
The React framework for production
Next.js Documentation
Comprehensive Next.js documentation and guides
jQuery
Fast, small, and feature-rich JavaScript library
Vue.js
Progressive JavaScript framework
Nuxt.js
Vue.js framework for building modern web applications
Angular
Platform for building mobile and desktop web applications
Angular Overview
Introduction and key concepts of the Angular framework
TanStack
High-quality open-source software for web developers, including React Query, TanStack Table, and more
Svelte
A UI framework that uses a compiler to let you write concise components using HTML, CSS, and JavaScript
Coursera Web Development
Web development courses on Coursera
Codecademy Front-End Path
Front-end engineering career path
Udemy Web Development
Web development courses on Udemy
W3Cx
MOOC by W3C
Stack Overflow
Developer community and Q&A platform
Web development communities on Reddit
MDN Web Docs
Comprehensive web documentation
Can I Use
Browser compatibility tables
MDN Browser Compat Data
Browser compatibility data
Web Platform Tests
Cross-browser test results
W3C Standards
Standards and supporting Notes which help move the web forward
MDN CSS Animations
Guide to using CSS animations
Animate.css
A library of ready-to-use CSS animations
JavaScript Modules
MDN guide to JavaScript modules
Node.js ECMAScript Modules
Documentation for ES modules in Node.js
webpack
Static module bundler for modern JavaScript applications
Babel
JavaScript compiler that converts modern JS code into backwards compatible version
Vite
Next generation frontend tooling
Base64 Image
Convert images to Base64 for embedding directly in your code
Regex101
Build, test, and debug regular expressions with real-time explanation and visualization
Favicon.io
Generate favicons from text, images, or emojis with this simple favicon generator
Box Shadow CSS Generator
Create and customize CSS box shadows with live preview and code output
Text Shadow CSS Generator
Generate custom CSS text shadow effects with real-time preview
cdnjs
Free and open-source CDN service powered by Cloudflare
jsDelivr
Free CDN for open-source projects with global reach
CodePen
Social development environment for front-end designers and developers
StackBlitz
Online IDE for web development with instant previews
Replit
Collaborative browser-based IDE for multiple programming languages
CodeSandbox
Online code editor and prototyping tool for rapid web development
JSFiddle
Test your JavaScript, CSS, HTML or CoffeeScript online with live results
JS Bin
Collaborative JavaScript debugging tool with live previews
nvm
Node Version Manager - POSIX-compliant bash script to manage multiple Node.js versions
asdf
Extendable version manager with support for Node.js and many other languages
fnm
Fast and simple Node.js version manager built in Rust
Volta
JavaScript tool manager that guarantees consistency across your team
nvs
Node Version Switcher - A cross-platform tool for switching between versions of Node.js
Pingdom Website Speed Test
Test your website performance and get optimization recommendations
PageSpeed Insights
Google's tool for measuring page performance and Core Web Vitals
WebPageTest
Advanced website performance testing from multiple locations and browsers
DebugBear
Website performance and Core Web Vitals testing tool
ESLint
Pluggable JavaScript linter for identifying and fixing code quality issues
Stylelint
Powerful CSS linter that helps you avoid errors and enforce conventions
W3C Markup Validation Service
Official validator for checking HTML markup validity
Git
Free and open source distributed version control system
GitHub
Development platform for hosting and reviewing code, managing projects, and building software
GitHub Git Guides
Learn about Git commands, workflows, and terminology
GitHub Getting Started
Documentation for starting your GitHub journey
git - the simple guide
A simple guide for getting started with git
Git Tutorial
Official Git tutorial from the Git documentation
Great Front End
Prepare for front-end interviews with practical exercises, system design challenges, and interview preparation resources
Front End Interview Handbook
Comprehensive guide to front-end interviews with answers to common questions and technical concepts
Dribbble
Discover and connect with designers worldwide, and showcase creative work
Google Fonts
Free and open-source font library with hundreds of font families
Chrome DevTools
Built-in web development tools for Chrome browser to debug and optimize websites
React Developer Tools
Browser extension for debugging React applications
i18next
Internationalization framework for JavaScript applications with support for React, Angular, and Vue
W3C Internationalization
W3C activity that ensures the Web is available to all people, regardless of language or writing system
W3C Internationalization Articles
Technical articles and best practices for developing internationalized websites
JavaScript Intl Object
MDN documentation on the ECMAScript Internationalization API (Intl)
W3C Internationalization on Mastodon
Official Mastodon account for W3C Internationalization updates and news
Angular i18n Guide
Official Angular guide for internationalizing your applications
Vue I18n
Internationalization plugin for Vue.js applications
W3C Web Accessibility Initiative (WAI)
Strategies, standards, and resources to make the web accessible to people with disabilities
WAI on Mastodon
Official Mastodon account for W3C Web Accessibility Initiative updates and news
WebAIM
Web accessibility resources, tools, and services for creating accessible websites
MDN Web Accessibility
Comprehensive guide for developing accessible websites and applications
WAVE Web Accessibility Evaluation Tool
Online tool for evaluating web accessibility issues on any webpage
AI Alt Text Generator
Generate descriptive alt text for images using artificial intelligence
MDN Service Worker API
Comprehensive guide to the Service Worker API for creating offline web applications
Workbox
Libraries for adding offline support to web apps through service workers
Service Workers for PWAs
Learn how service workers enable Progressive Web Apps capabilities
Service Worker Explainer
W3C explainer document about service worker architecture and use cases
Service Workers Specification
Official W3C specification for the Service Worker API
GraphQL
A query language for APIs and a runtime for fulfilling those queries with your existing data
tRPC
End-to-end typesafe APIs made easy - build typesafe API layers without schemas or code generation
Chromium Issue Tracker
Track open issues for the Chromium project (Google Chrome, Edge, etc.)
Mozilla Bugzilla
Bug tracking system for Mozilla projects (Firefox)
WebKit Bugzilla
Bug tracking system for the WebKit project (Safari)