Description: Tutorials and courses on design and frontend development: React, Framer, HTML, CSS, JavaScript. React courses tailored for product designers, UX/UI designers

Description: Create MP4 motion graphics in React. Leverage CSS, SVG, WebGL and more technologies to render videos programmatically!

Description: Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

Description: React Flow - An open source library for building node based applications. Highly customizable React.js library for building interactive node-based editors, flow charts and diagrams.

Description: A nice collection of often useful examples done in React.js

Description: A Futuristic Alternative to Normalize.css and CSS Resets

Description: Analyze your CSS and keep track of changes in complexity and branding. Share your statistics with everyone in your team and get conversations going.
Project Wallace is an analyzer that tracks your CSS so you can view changes in your complexity, Design Tokens and much more. And all of that in a single web app.

Description: With this tool you get a quick overview of selectors and their specificities across a CSS file in bird’s-eye view.
It’s a visual way to identify potentially problematic patterns and especially useful for analyzing very big and complex stylesheets.

Description: CSS Stats provides analytics and visualizations for your stylesheets. This information can be used to improve consistency in your design, track performance of your app, and diagnose complex areas before it snowballs out of control.

Description: Learn the CSS Grid Spec

Description: Glassmorphism is a unified name for the popular Frosted Glass aesthetic.

Description: Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.

Description: Pure CSS Stripes Generator - No Flash, No Image, ONLY CSS. Generate Striped backgrounds using only CSS

Description: A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years.

Description: This guide is intended for developers who know at least one other programming language well. We won't cover general programming concepts (e.g. what is a variable?), but rather JavaScript-specific concepts (e.g. how do variables work in JavaScript?).

Description: An interactive JavaScript sandbox. This project provides a quick, visual way to experiment with JavaScript code. It's designed to be loaded as an iframe for easy inclusion in any webpage.
There are a variety of configuration options, including a React preset and a React Native preset.

Description: These notes are a free resource, based on my Beginner JavaScript Video course . They can be used as a stand alone guide, along with the videos or a quick reference for all the different parts of JavaScript like the different ways to declare a function.

Description: WinBox is a modern HTML5 window manager for the web. Lightweight, outstanding performance, no dependencies, fully customizable, free and open source!

Description: A JavaScript library to brighten up your user's site experience with visual effects!

Description: A React app to interactively visualize JavaScript's Event Loop