<h1>
</h1>
<p>
A curated collection of free resources from across the web for front-end developers, covering everything from design to deployment.
</p>
Select a filter:
Fast, offline, and free documentation browser for developers.
CSS-Tricks is a website about websites.
An overall cheat sheet of all the capabilities of RegExp syntax.
Create a set of lush, realistic CSS shadows.
Boxicons is a free collection of carefully crafted open source icons. Designed on a 24px grid with the material guidelines
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
800+ Highly customizable & free SVG icons.
Allows users to press any key and instantly get the JavaScript Key or Key Code KeyboardEvent.
Beautiful, lush gradients.
A curated list of 58 articles by @vponamariov.
A collection of design tips and tricks by @steveschoger.
An extensive CSS reference with all the important CSS properties and info to learn CSS from the basics.
Standards for developing consistent, flexible, and sustainable HTML and CSS
A mostly reasonable approach to JavaScript
A mostly reasonable approach to React and JSX
Universe of UI elements to help you stand out. Open-source and free to use, just copy and paste!
Generate Soft-UI CSS code
A ridiculous collection of web development cheatsheets
The introduction on web accessibility that I want to give every single web developer.
A free guide to all HTML elements and attributes.
Learn how to think in React with step-by-step explanations and interactive examples.
The classic JavaScript design patterns book, updated to ES2015+ syntax.
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges.
Improve your development skills by training with your peers on code kata that continuously challenge and push your coding practice.
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
Free stock photos & videos you can use everywhere. Browse millions of high-quality royalty free stock images & copyright free pictures. No attribution required.
Fast lookup and reference for HTML entities and Unicode characters. Hex or decimal code for punctuation marks, mathematical symbols, icons and more.
The most comprehensive unit tested collection of lodash methods implemented in vanilla js
Interactive Git Cheatsheet, categorizing commands based on what they affect.
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
This cheat sheet provides guidance to prevent XSS vulnerabilities.
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox.
Explains almost everything one needs to know, covering all the basic features, commands, and concepts in one place.
Read this guide and you'll never have last minute SEO requests again.
Simple online color picker for web designers, with color values automagically available as RGB, HSL, or hex Perfect for CSS and HTML.
How it's done now. From the basics to advanced topics with simple, but detailed explanations.
MarkSheet is a free tutorial to learn HTML and CSS. It's short, simple, and free.
These courses are 100% free. They range across a wide variety of subjects, like HTML, CSS, JavaScript, React, Vue, and much more.
Find out about some unexpected properties of HTML elements that not only have a huge impact on accessibility, but also turn out to be pretty good for performance, too.
There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content?
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work!
Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.
Learn TypeScript by Building a Todo App
Cheatsheets for experienced React developers getting started with TypeScript
RegexOne provides a set of interactive lessons and exercises to help you learn regular expressions
Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
Favorite JavaScript utilities in a single line of code
Free multilingual regular expression debugger with real time explanation, error detection and highlighting.
A long list of (advanced) JavaScript questions, and their explanations.
Get started with this free CSS generator based on the glassmorphism design specifications to quickly design and customize the style properties.
The Simple and Definitive hand-crafted SVG Icons Library.