Best of JavaScript - a place to find the best components to build amazing web applications.
CSS Script - a Javascript & CSS code library aims to provide the newest, best and free CSS & javascript resources for web/mobile developers and designers.
Free for developers - a list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
headlesscms.org - a list of content management systems for JAMstack sites.
iReact - helps you discover the most fantastic, powerful React Components and Libraries, and makes it easy for you to pick one that’ll work for you.
JavaScripting - the definitive source of the best JavaScript libraries, frameworks, and plugins.
jQuery Plugins - categorized collection of jQuery plugins.
JqueryScript.Net - one of jQuery plugin websites that provide web designers and developers with a simple way to preview and download a variety of free jQuery plugins.
JSter - a catalog of frontend JavaScript libraries.
JS.coach - an opinionated catalog of open source JS packages.
LibHunt - our goal is to help you find the software and libraries you need. All lists have been crafted by many experts from the relevant GitHub communities.
Libraries.io - helps developers find new open source libraries, modules and frameworks and keep track of ones they depend upon.
MicroJS - fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
swc - a TypeScript / JavaScript compiler. It consumes a JavaScript or TypeScript file which uses recently added features and emits JavaScript code which can be executed on old browsers.
TypeScript - a typed superset of JavaScript that compiles to plain JavaScript.
Alpine.js - a rugged, minimal framework for composing JavaScript behavior in your markup. Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost.
Cell - a self-constructing web app framework powered by a self-driving DOM.
Inferno - an extremely fast, React-like JavaScript library for building modern user interfaces.
Marko - a friendly (and fast!) UI library that makes building web apps fun.
Melody - a fast and memory efficient library for creating highly dynamic user interfaces.
Monkberry - blazingly fast, small and simple JavaScript library for building web user interfaces.
Moon - the minimal & fast library for functional user interfaces.
Nerv - a blazing fast React alternative, compatible with IE8 and React 16.
Preact - fast 3kb alternative to React with the same ES6 API.
Ractive.js - a JavaScript library for building reactive user interfaces in a way that doesn't force you into a particular framework's way of thinking.
React - a JavaScript library for building user interfaces.
Riot - simple and elegant component-based UI library.
Solid - a declarative, efficient, and flexible JavaScript library for building user interfaces.
Svelte - rather than interpreting your application code at run time, your app is converted into ideal JavaScript at build time.
Vue.js - simple yet powerful library for building modern web interfaces.
Ant Design - an enterprise-class UI design language and React-based implementation.
Blueprint - a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications.
Chakra UI - a simple, modular and accessible component library that gives you all the building blocks you need to build your React applications.
dva - React and Redux based, lightweight and Elm-style framework.
Electrode - a platform for building universal React/Node.js applications with standardized structure, best practices, and modern technologies baked in.
Elemental UI - a UI Toolkit for React.js Websites and Apps.
Fusion.js - modern framework for fast, powerful React apps. Fusion.js is a universal web framework that represents the fusion of the client and the server. It's geared for server-side rendering out of the box, and its plugin-driven architecture allows for complex frontend and backend logic to be encapsulated in a single plugin.
Grommet - a React-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.
libreact - a collection of most essential React utilities you will probably need in any project.
Material-UI - a Set of React Components that Implement Google's Material Design.
react-md - an accessible React component library built from the Material Design guidelines in Sass.
React Toolbox - a set of React components that implements Google Material Design specification.
ReactXP - a library for cross-platform app development using React and React Native.
Rebass - React primitive UI components built with Styled System.
Vue Material - simple, lightweight and built exactly according to the Google Material Design specs. Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API.
Foundation - the most advanced responsive front-end framework in the world.
Froala Design Blocks - a set of 170+ Bootstrap based design blocks ready to be used to create clean modern websites.
GroundworkCSS (outdated) - a fully responsive HTML5, CSS and Javascript toolkit.
Halfmoon - front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Ink - an interface kit for quick development of web interfaces, simple to use and expand on.
inuitcss - extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects. It does not provide you with UI and design out of the box, instead, it provides you with a solid architectural baseline upon which to complete your own work.
Kube - clean, minimalistic and fast to implement CSS & JS framework for professional developers and designers alike.
Material Components for the web - modular and customizable Material Design UI components for the web. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional web projects.
Material Design Lite - lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible.
Material Framework - a simple responsive CSS framework that allows you to integrate Material Design in any web page or web app.
Materialize - a modern responsive front-end framework based on Material Design.
Metro UI - sleek, intuitive, and powerful front-end framework for faster and easier web development. Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style.
Polymer - libraries, tools and patterns to help developers build modern Progressive Web Apps, taking full advantage of cutting-edge platform features like Web Components, Service Workers and HTTP/2.
Semantic UI - a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
Shorthand - a free and open source css framework, that allows you to make unique and modern design without writing any css.
Spectre.css - a lightweight, responsive and modern CSS framework.
Tailwind CSS - a utility-first CSS framework for rapid UI development.
core-js - modular standard library for JavaScript. Includes polyfills for ECMAScript 5, 2015, 2016, 2017.
ECMAScript Shims - a community host for shims and polyfills that are compliant to EcmaScript specs.
es5-shim - monkey-patch a JavaScript context to contain all EcmaScript 5 methods that can be faithfully emulated with a legacy JavaScript engine.
es6-shim - provides compatibility shims so that legacy JavaScript engines behave as closely as possible to ECMAScript 6.
es7-shim - contains shims that can be used to monkeypatch a JavaScript context to contain all ECMAScript 7 methods that can be faithfully emulated with a legacy JavaScript engine.
Intl.js - compatibility implementation of the ECMAScript Internationalization API (ECMA-402) for JavaScript.
Next.js - a JavaScript framework that lets you build server-side rendering and static web applications using React.
Zero - a web framework to simplify modern web development. It's as simple as writing your code in a mix of Node.js, React, HTML, MDX, Vue, and static files and putting them all in a folder. Zero abstracts the usual project configuration for routing, bundling, and transpiling to make it easier to get started.
Ionic - the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies.
NativeScript - an open source framework for building truly native mobile apps with JavaScript and CSS.
React Native - build native mobile apps using JavaScript and React.
Electron - a framework that lets you write cross-platform desktop applications using JavaScript, HTML and CSS.
NodeGui - an open source library for building cross-platform native desktop applications with JavaScript and CSS like styling. NodeGui is based on Qt5 and NOT chromium, hence it is memory and cpu efficient. React NodeGui is a React renderer for NodeGui.
NW.js - an app runtime based on Chromium and node.js. You can write native apps in HTML and JavaScript with NW.js.
Proton Native - a React environment for cross platform native desktop apps.
Breeze - the data management library for developers of rich client applications written in JavaScript. If you store data in a database, query and save those data as complex object graphs, and share these graphs across multiple screens of your JavaScript client, Breeze is for you.
Cerebral - a declarative state and side effects management solution for popular JavaScript frameworks.
Effector - an effective multi-store state manager for Javascript apps, that allows you to manage data in complex applications without the risk of inflating the monolithic central store, with clear control flow, good type support and high capacity API.
freactal - a composable state management library for React.
JSData - a framework-agnostic, datastore-agnostic ORM for Node.js and the Browser.
Microstates - a functional runtime type system designed to ease state management in component based applications. It allows you to declaratively compose application state from atomic state machines.
MobX - a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming.
NuclearJS - reactive Flux built with ImmutableJS data structures.
Orbit - a composable data framework for managing the complex needs of today's web applications. Although Orbit is primarily used as a flexible client-side ORM, it can also be used server-side in Node.js.
Overmind - frictionless state management. Overmind aims for a developer experience where that is all you focus on, reducing the orchestration of state management to a minimum.
Redux - a predictable state container for JavaScript apps.
Storeon - a tiny event-based Redux-like state manager for React and Preact.
Transis - a JavaScript data modeling library useful for creating rich client-side experiences.
Undux - a simple & typesafe alternative to Flux and Redux. Use it to manage state and data for ReactJS applications of all sizes.
Unistore - a tiny centralized state container with component bindings for Preact & React.
WatermelonDB - build powerful React and React Native apps that scale from hundreds to tens of thousands of records and remain fast.
Easy Peasy - provides you with an intuitive API to quickly and easily manage the state for your React application. No configuration is required to support derived state, API calls, performance optimisation, developer tools etc.
Kea - a production-grade state management framework built for React apps. Kea is built on top of Redux and leverages its underlying functional principles.
Redux Toolkit - the official, opinionated, batteries-included toolset for efficient Redux development.
Rematch - Redux best practices without the boilerplate.
AlaSQL - JavaScript SQL database for browser and Node.js. Handles both traditional relational tables and nested JSON data (NoSQL). Export, store, and import data from localStorage, IndexedDB, or Excel.
DataScript - immutable database and Datalog query engine for Clojure, ClojureScript and JS.
ForerunnerDB - a NoSQL JavaScript JSON database with a query language based on MongoDB (with some differences) and runs on browsers and Node.js.
LokiJS - a document oriented database written in javascript. Its purpose is to store javascript objects as documents in a nosql fashion and retrieve them with a similar mechanism. Runs in node (including cordova/phonegap and node-webkit), nativescript and the browser.
Lowdb - a small local database for small projects (powered by lodash API).
nanoSQL - universal database layer for the client, server & mobile devices. It's like Lego for databases.
NeDB - embedded persistent or in memory database for Node.js, nw.js, Electron and browsers, 100% JavaScript, no binary dependency.
PouchDB - an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser. It enables applications to store data locally while offline, then synchronize it with CouchDB and compatible servers when the application is back online, keeping the user's data in sync no matter where they next login.
RxDB - a realtime database for JavaScript applications. RxDB is a NoSQL-database for JavaScript applications like websites, hybrid apps, Electron-apps, Progressive Web Apps and NodeJs.
TingoDB - an embedded JavaScript in-process filesystem or in-memory database upwards compatible with MongoDB at the API level.
Fluent.js - a JavaScript implementation of Project Fluent, a localization framework designed to unleash the expressive power of the natural language.
FormatJS - a modular collection of JavaScript libraries for internationalization that are focused on formatting numbers, dates, and strings for displaying to people. It includes a set of core libraries that build on the JavaScript Intl built-ins and industry-wide i18n standards, plus a set of integrations for common template and component libraries.
Globalize - a JavaScript library for internationalization and localization that leverage the official Unicode CLDR JSON data. Globalize provides number formatting and parsing, date and time formatting and parsing, currency formatting, message formatting (ICU message format pattern), and plural support.
i18next - an internationalization-framework written in and for JavaScript. It provides you with a complete solution to localize your product from web to mobile and desktop.
Lingui - an easy yet powerfull internationalization framework for global projects.
Cajon - a JavaScript module loader for the browser that can load CommonJS/node and AMD modules. It is built on top of RequireJS.
Inject (outdated) - AMD and CJS dependency management in the browser.
require1k - a minimal, and yet practically useful, CommonJS/Node.js require module loader for the browser in under 1000 bytes.
ECMAScript 6:
Snowpack - with Snowpack you can build modern web apps (using React, Vue, etc.) without a bundler (like Webpack, Parcel, Rollup). No more waiting for your bundler to rebuild your site. Instead, every change is reflected in the browser instantly.
FuseBox - a bundler/module loader that combines the power of webpack, JSPM and SystemJS. It will compile and bundle your code within a fraction of a second, yet offering a comprehensive loader API.
gluejs - package Node/CommonJS modules for the browser.
Lasso.js - JavaScript module bundler that also provides first-level support for optimally delivering JavaScript, CSS, images and other assets to the browser. Offers many different optimizations such as a bundling, code splitting, lazy loading, conditional dependencies, compression and fingerprinted resource URLs.
Microbundle - zero-configuration bundler for tiny modules.
Parcel - blazing fast, zero configuration web application bundler.
@pika/pack - developer tool that uses simple, pre-configured build plugins to create your modern package.
Poi - develop powerful web app with no build configs until you need.
Rollup - a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
SystemJS Builder - provides a single-file build for SystemJS of mixed-dependency module trees.
webpack - a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Duo (outdated, Github repository) - a next-generation package manager that blends the best ideas from Component, Browserify and Go to make organizing and writing front-end code quick and painless.
jspm - registry and format agnostic JavaScript package manager for the SystemJS universal module loader.
Front-End Checklist - an exhaustive list of all elements you need to have / to test before launching your site / HTML page to production.
lint-staged - run linters against staged git files. This project contains a script that will run arbitrary shell tasks with a list of staged files as an argument, filtered by a specified glob pattern.
textlint - the pluggable linting tool for text and markdown. textlint is similar to ESLint, but it's for use with natural language.
Web Developer Checklist - the ultimate checklist for all serious web developers building modern websites.
CSS
CSSLint - a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don't want.
stylelint - a mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
HTML
HTML Inspector - a highly-customizable, code quality tool to help you write better markup.
HTMLHint - the static code analysis tool you need for your HTML.
JavaScript and variants
ESLint - the pluggable linting utility for JavaScript and JSX.
JSHint - a tool that helps to detect errors and potential problems in your JavaScript code.
TSLint - an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors. It is widely supported across modern editors & build systems and can be customized with your own lint rules, configurations, and formatters.
XO - opinionated but configurable ESLint wrapper with lots of goodies included.
AVA - a test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.
BackstopJS - automates visual regression testing of your responsive web UI by comparing DOM screenshots over time.
Chai - a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework.
CodeceptJS - acceptance testing framework for NodeJS. CodeceptJS is a testing framework for end-to-end testing with WebDriver (or others). It abstracts browser interaction to simple steps which is written from a user perspective.
Cypress - a test engine that runs unit and integration tests in your browser.
Enzyme - a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse, and in some ways simulate runtime given the output.
Gauge - a light weight cross-platform test automation tool. It provides the ability to author test cases in the business language.
Intern - a complete test system for JavaScript designed to help you write and run consistent, high-quality test cases for your JavaScript libraries and applications.
Istanbul - JS code coverage tool that computes statement, line, function and branch coverage.
Jasmine - a behavior-driven development framework for testing JavaScript code.
Jest - a delightful JavaScript Testing Framework with a focus on simplicity.
Karma - a tool that allows you to execute JavaScript code in multiple real browsers.
ndb - an improved debugging experience for Node.js, enabled by Chrome DevTools.
stacktrace.js - generate, parse, and enhance JavaScript stack traces in all web browsers.
Vorlon.JS - an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript, powered by node.js and socket.io.
weinre - a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.
Prettier - an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
Brunch - fast front-end web app build tool with simple declarative config, seamless incremental compilation for rapid development, an opinionated pipeline and workflow, and core support for source maps.
cross-env - run scripts that set and use environment variables across platforms.
Grunion - run multiple commands using glob patterns.
Gulp - a toolkit for automating painful or time-consuming tasks in your development workflow.
Just - a library that organizes build tasks for your JS projects. It consists of: a build task build definition library; sane preset build flows for node and browser projects featuring TypeScript, Webpack and jest; project scaffold tool that generates no-ejection needed repos that tracks template changes.
ncc - simple CLI for compiling a Node.js module into a single file, together with all its dependencies, gcc-style.
nexe - a command-line utility that compiles your Node.js application into a single executable file.
npm-run-all - a CLI tool to run multiple npm-scripts in parallel or sequential.
nps - all the benefits of npm scripts without the cost of a bloated package.json and limits of json.
Pkg - this command line interface enables you to package your Node.js project into an executable that can be run even on devices without Node.js installed.
scripty - a tool to help extract npm scripts into their own files.
shx - a wrapper around ShellJS Unix commands, providing an easy solution for simple Unix-like, cross-platform commands in npm package scripts.
semantic-release - automates the whole package release workflow including: determining the next version number, generating the release notes and publishing the package.
Neutrino - a companion tool which lets you build web and Node.js applications with shared presets or configurations. It intends to make the process of initializing and building projects much simpler by providing minimal development dependencies.
nwb - a toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it).
React Starter Kit - an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync.
TSDX - a zero-config CLI that helps you develop, test, and publish modern TypeScript packages with ease.
BlueKit - automatically generates a library from your React components with editable props and live preview.
component-playground - a component for rendering React Components and ES6 code with editable source and live preview.
Kit - tools for developing, documenting, and testing React component libraries.
React Cosmos - dev tool for creating reusable React components.
React Live - brings you the ability to render React components and present the user with editable source code and live preview.
React Styleguidist - isolated React component development environment with a living style guide.
Storybook - a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components.
Playroom - Simultaneously design across a variety of themes and screen sizes, powered by JSX and your own component library. Playroom allows you to create a zero-install code-oriented design environment, built into a standalone bundle that can be deployed alongside your existing design system documentation.
GIMP - a cross-platform image editor available for GNU/Linux, OS X, Windows and more operating systems.
Inkscape - a free and open source vector graphics editor for GNU/Linux, Windows and MacOS X. It offers a rich set of features and is widely used for both artistic and technical illustrations such as cartoons, clip art, logos, typography, diagramming and flowcharting.
Krita - a professional free and open source painting program. It is made by artists that want to see affordable art tools for everyone.
Paint.NET - image and photo editing software for PCs that run Windows.
css.gg - open-source CSS, SVG and Figma UI Icons, available in SVG Sprite, styled-components, NPM & API.
Eva Icons - a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Icons are provided in two visual types: Fill and Outline and in several formats, including PNG, SVG, font, Sketch, etc.
Heroicons - a set of free MIT-licensed high-quality SVG icons for UI development.
Lorem Picsum - the Lorem Ipsum for photos. Easy to use, stylish image placeholders. Just add your desired image size (width & height) after our URL, and you'll get a random image.
Super Tiny Icons - miniscule SVG versions of your favourite website and app logos.
Bundle Buddy - a tool to help you find source code duplication across your javascript chunks/splits.
Bundle Phobia - know the performance impact of including an npm package in your app's bundle.
Front-End Performance Checklist - an exhaustive list of elements you should check or at least be aware of, as a Front-End developer and apply to your project.
Lighthouse - an open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, and more.
Package Phobia - reports the size of an npm package before you install it. This is useful for inspecting potential dependencies or devDependencies without using up precious disk space or waiting minutes for npm install.
Size Limit - calculate the real cost of your JS for end users and throws an error if the cost exceeds the limit.
Source map explorer - analyze and debug space usage through source maps. The source map explorer determines which file each byte in your minified code came from.
Waterfaller - focuses on issues in the network waterfall and provides recommendations for improvement.
Webpack Bundle Analyzer - webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap.
Webpack Visualizer - visualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.
WebPagetest - run a free website speed test from multiple locations around the globe using real browsers and at real consumer connection speeds.
Yellow Lab Tools - allows you to test a webpage (via an URL) and detects performance and front-end code quality issues.
http-server - a simple, zero-configuration command-line http server.
JSON Server - get a full fake REST API with zero coding.
Live Server - a simple development http server with live reload capability.
lite-server - lightweight development only node server that serves a web app. lite-server is a simple customized wrapper around BrowserSync to make it easy to serve SPAs.
local-web-server - the modular web server for productive full-stack development.
AppServ - a full-featured of Apache, MySQL, PHP, phpMyAdmin.
Devserver - a complete and ready-to-use development environment. Devserver is portable, modular, fully configurable and easy to update and extend.
Laragon - a portable, isolated, fast & powerful universal development environment for PHP, Node.js, Python, Java, Go, Ruby. It is fast, lightweight, easy-to-use and easy-to-extend.
Uniform Server - a lightweight server solution for running a web server under the WindowsOS.
UwAmp - free Wamp Server with Apache MySQL PHP and SQLite.
VertrigoServ - a complete free WAMP server allowing PHP development for Windows.
WampServer - a Windows web development environment. It allows you to create web applications with Apache2, PHP and a MySQL database.
WPИ-XM - a free and open-source web server solution stack for professional PHP development on Windows.
WTServer - a portable, preconfigured, lightweight, fast and stable server stack for developing php mysql applications on windows, based on the excellent webserver Nginx.
XAMPP - a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl.
node package - npm package that installs a node binary into your project, which means you can have a local version of node that is different than your system's, and manage node as a normal dependency.
nvm-windows - a node.js version management utility for Windows.
nvs (Node Version Switcher) - a cross-platform utility for switching between different versions and forks of Node.js. NVS is itself written in node JavaScript.
Atom - a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.
Brackets - with focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers.
Geany - a small and lightweight Integrated Development Environment.
Leo - a PIM, IDE and outliner that accelerates the work flow of programmers, authors and web designers.
Light Table - a next generation code editor that connects you to your creation with instant feedback. Light Table is very customizable and can display anything a Chromium browser can.
Notepad++ - a free source code editor and Notepad replacement that supports several languages.
PSPad - text editor for developers for Microsoft Windows systems.
RJ TextEd - a full featured text and source editor with Unicode support. It is also a very powerful web (PHP, ASP, JavaScript, HTML and CSS) development editor.
Visual Studio Code - a new type of tool that combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. Code provides comprehensive editing and debugging support, an extensibility model, and lightweight integration with existing tools.
nteract - SDKs, applications, and libraries that help you and your team make the most of interactive notebooks and REPLs.
Quokka - a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed in your IDE next to your code, as you type.
RunJS - a JavaScript playground that auto-evaluates your code as you type and outputs the results to a console pane.
CodeCollab - an online real-time collaborative code editor and compiler. Our web-based application allows users to collaborate in real-time over the internet.
CodePen - a playground for the front end side of the web. It's a place to build and deploy a website, show off your work, build test cases, and find inspiration.
CodeSandbox - an online web application editor. Makes it easier to create, share and reuse web projects with others.
CodeShare - an online code editor for interviews, troubleshooting, teaching & more.
ESNextbin - create browser programs in ES2015 code and import modules from NPM in browser.
Flems.io - a playground for web development. It's ideal for prototyping ideas & sharing working front-end code examples. Also see Flems module which can be used for easy self hosting or embedding.
Glitch - the friendly community where everyone can discover and create the best stuff on the web.
JS Bin - an open source collaborative web development debugging tool. Write code and have it both save in real-time, but also render a full preview in real-time.
jsFiddle - an online playground for your JavaScript, HTML, CSS.
Repl.it - simple, reliable, and portable cloud coding interface. A community of teachers, students and engineers.
ExtendsClass - free online toolbox for developers. You have at your disposal syntax validators, code formatters, testers, HTTP clients, mock server, but also a SQLite browser.
Windframe - online visual builder for rapidly building and prototyping components and websites using tailwind css.
CMS.js - fully client-side, Javascript site generator in the spirit of Jekyll that uses plain ol' HTML, CSS and Javascript to generate your website.
DocPad - a dynamic static-site generator. That is a content management system that takes content from several sources, like files on your computer, and renders them into incredibly fast static output.
Gatsby - blazing-fast static site generator for React.
Gridsome - a Vue-powered static site generator for building CDN-ready websites for any headless CMS, local files or APIs.
Hexo - a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.
Hugo - a static HTML and CSS website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website.
Lektor - a flexible and powerful static content management system for building complex and beautiful websites out of flat files.
ProgrammableWeb API directory - directory where developers can search for APIs to include in their next software development project.
Public APIs - a collective list of free APIs for use in software and web development.
public-apis.io - a directory of free public & open Rest APIs.
RapidAPI - find and connect to thousands of APIs, track and manage all of your API connections in one place. RapidAPI lets you manage all your API integrations from one place and gives you real-time performance metrics.
Swagger - a powerful yet easy-to-use suite of API developer tools for teams and individuals, enabling development across the entire API lifecycle, from design and documentation, to test and deployment.
5apps Deploy - a turn-key deployment and hosting platform for client-side web apps.
Backendless - a leading mBaaS and powerful Mobile Application Development Platform that enables rapid development of feature-rich mobile, desktop and browser-based applications.
Cloudant - a highly scalable and performant JSON database.
Cloudnode - a place to get your Javascript web applications up and running.
Heroku - a cloud platform that lets companies build, deliver, monitor and scale apps.
JSONbin - a free JSON storage and JSON hosting service.
JSONSERVE - host your JSON easily and use in your apps.
Microsoft Azure - quickly create powerful cloud apps for web and mobile clients.
Netlify - builds, deploys, and hosts your front end.
now - allows you to take your JavaScript (Node.js) or Docker powered websites, applications and services to the cloud with ease, speed and reliability.
Nuclino - the easiest way to organize and share knowledge in teams. Create real-time collaborative documents and connect them instantly like a wiki. Use the tree, board, and graph view to explore and organize your knowledge visually. It's great for meeting notes, product requirements, docs, decisions, and more.
OpenShift - Red Hat's Platform-as-a-Service (PaaS) that allows developers to quickly develop, host, and scale applications in a cloud environment.
Pastebin - a website where you can store any text online for easy sharing.
Rentry.co - a pastebin/publishing service with markdown support, preview, custom urls and editing. Fast, simple and free.
Surge - static web publishing for front-end developers.
Front End Interview Handbook - almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore.
Tech Interview Handbook - carefully curated content to help you ace your next technical interview, with a focus on algorithms.
Unix Toolbox - a collection of Unix/Linux/BSD commands and tasks which are useful for IT work or for advanced users. This is a practical guide with concise explanations, however the reader is supposed to know what s/he is doing.
1loc - favorite JavaScript utilities in single line of code.
30 seconds of JavaScript - curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
33 Concepts Every JavaScript Developer Should Know - this repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies.
JavaScript Questions - a long list of (advanced) JavaScript questions, and their explanations. From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview!
Modern JS Cheatsheet - cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
Node.js Best Practices - a summary and curation of the top-ranked content on Node JS best practices.
TypeScript Cheatsheet - a set of TypeScript related notes used for quick reference. The cheatsheet contains references to types, classes, decorators, and many other TypeScript related subjects.
TypeScript Cheatsheets - community curated cheatsheets for experienced JS developers to share knowledge and copy-paste recipes for common usecases.
Front-End Developer Handbook - a guide that anyone could use to learn about the practice of front-end development.
High Performance Browser Networking - provides a hands-on overview of what every web developer needs to know about the various types of networks (WiFi, 3G/4G), transport protocols (UDP, TCP, and TLS), application protocols (HTTP/1.1, HTTP/2), and APIs available in the browser (XHR, WebSocket, WebRTC, and more) to deliver the best — fast, reliable, and resilient — user experience.
Patterns.dev - free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.
React in patterns - a book about common design patterns used while developing with React. It includes techniques for composition, data flow, dependency management and more.
SurviveJS - books about React, Webpack and maintenance of JavaScript code.
Hacker News readers as Progressive Web Apps - a list of unofficial Hacker News clients built with a number of popular JavaScript frameworks and libraries. Each implementation is a complete Progressive Web App that utilizes different progressive technologies to provide a fast, reliable and engaging experience.
RealWorld - see how the exact same Medium.com clone is built using any of our supported frontends and backends.
simpl.info - simplest possible examples of HTML, CSS and JavaScript.
CSS buttons - CSS buttons, checkboxes, and more. Choose from numerous UI components and get the CSS for the ones you like.
CSSFX - beautifully simple click-to-copy CSS effects. A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup.
CSS Layout - popular layouts & patterns made with CSS.
Drop-in Minimal CSS - an overview of barebones drop-in minimal CSS boilerplate frameworks.
SpinKit - a collection of loading indicators animated with CSS.
The Shapes of CSS - lots of shapes in CSS with only a single HTML element.
Awesome Algorithms - a curated list of awesome places to learn and/or practice algorithms.
Keep a Changelog - make it easier for users and contributors to see precisely what notable changes have been made between each release (or version) of the project.
The cost of small modules (outdated) - demonstrates that small modules can have a surprisingly high performance cost depending on your choice of bundler and module system.