A curated list of awesome frontend development resources

• trendmicro-ui - CSS styles for creating a user interface according to Trend Micro UI style guides.

• eslint-config-trendmicro - This package provides .eslintrc as an extensible shared config.

• react-component-template - React component template.

• react-anchor - React Anchor component (demo).
• react-breadcrumbs - React Breadcrumbs component (demo).
• react-buttons - React Buttons component (demo).
• react-checkbox - React Checkbox component (demo).
• react-datepicker - React DatePicker component (demo).
• react-dropdown - React Dropdown component (demo).
• react-iframe - React iFrame component (demo).
• react-interpolate - A React component that renders elements into a format string containing replacement fields (demo).
• react-liquid-gauge - React Liquid Gauge component (demo).
• react-loader - React Loader component (demo).
• react-modal - React Modal component (demo).
• react-navs - React Navs component (demo).
• react-navbar - React Navbar component (demo).
• react-notifications - React Notifications component (demo).
• react-paginations - React Paginations component (demo).
• react-popover - React Popover component (demo).
• react-portal - React Portal component (demo).
• react-radio-button - React Radio Button component (demo).
• react-table - React Table component (demo).
• react-toggle-switch - React Toggle Switch component (demo).
• react-tooltip - React Tooltip component (demo).
• react-validation - React Validation component (demo).

• https://github.com/sindresorhus/ama
• https://github.com/kentcdodds/ama

• awesome - A curated list of awesome lists.
• awesome-creative-coding - 🎨 Creative Coding, Generative Art, Interaction Design, Resources.
• awesome-docker - A curated list of Docker resources and projects.
• awesome-electron - Useful resources for creating apps with Electron.
• awesome-iot - A curated list of awesome Internet of Things projects and resources.
• awesome-nodejs - A curated list of delightful Node.js packages and resources.
• awesome-programming-for-kids - A curated list of resources for teaching kids programming.
• awesome-react - A collection of awesome things regarding React ecosystem.
• awesome-redux - Awesome list of Redux examples and middlewares.
• awesome-vue - A curated list of awesome things related to Vue.js.

• AlgorithmVisualizer - Algorithm Visualizer.
• javascript-algorithms - JavaScript implementation of different computer science algorithms.

• passport - Simple, unobtrusive authentication for Node.js.
• passport-saml - SAML 2.0 authentication with Passport.

• chromeless - 🖥 Chrome automation made simple. Runs locally or headless on AWS Lambda.
• puppeteer - Headless Chrome Node API.
• robotjs - Node.js Desktop Automation. Control the mouse, keyboard, and read the screen.

• babel-plugin-boilerplate - A setup to get you started on building babel plugins.
• electron-react-boilerplate - Live editing development on desktop app.
• html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites.

• You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.

• browserify - Browser-side require() the node.js way.
• eslint - A fully pluggable tool for identifying and reporting on patterns in JavaScript.
• extract-text-webpack-plugin - Extract text from bundle into a file.
• gulp - The streaming build system.
• html-webpack-plugin - Simplifies creation of HTML files to serve your webpack bundles.
• lodash-webpack-plugin - Smaller modular Lodash builds.
• node-gyp - Node.js native addon build tool.
• node-pre-gyp - Node.js tool for easy binary deployment of C++ addons.
• parallel-webpack - Builds multi-config webpack projects in parallel.
• webpack - A module bundler that bundles JavaScript and other assets for the browser.
• webpack-blocks - 📦 Configure webpack using functional feature blocks.
• webpack-dashboard - A CLI dashboard for webpack dev server.

• modern-js-cheatsheet - Cheatsheet for the JavaScript knowledge you will frequently encounter in modern projects.
• react-component-composition-cheatsheet - React component composition cheatsheet.
• react-native-styling-cheat-sheet - Most of the React Native styling material in one page.
• react-redux-cheatsheet - React Redux Cheat Sheet on Workflow & Concept.

• blessed - A high-level terminal interface library for node.js.
• chalk - Terminal string styling done right.
• cli-table - Pretty unicode tables for the CLI with Node.js.
• commander.js - Node.js command-line interfaces made easy.
• Inquirer.js - A collection of common interactive command line user interfaces.
• node-progress - Flexible ascii progress bar for nodejs.
• shelljs - Portable Unix shell commands for Node.js.
• xterm.js - Full xterm terminal, in your browser. http://xtermjs.org/

• node-opencv - OpenCV Bindings for node.js.
• tracking.js - A modern approach for Computer Vision on the web.

• async - Async utilities for node and the browser.
• co - The ultimate generator based flow-control goodness for nodejs (supports thunks, promises, etc).

• animate.css - A cross-browser library of CSS animations. As easy to use as an easy thing.
• css-modules - A CSS file in which all class names and animation names are scoped locally by default.
• normalize.css - A collection of HTML element and attribute style-normalizations.
• postcss - Transforming styles with JS plugins.
• purifycss - Remove unused CSS. Also works with single-page apps.
• styled-components - Comparing different ways to style components.
• uncss - Remove unused styles from CSS.

• Less - Leaner CSS.
• Sass - Sass makes CSS fun again.
• Stylus - Expressive, robust, feature-rich CSS language built for nodejs.

• c3 - A D3-based reusable chart library.
• d3 - Bring data to life with SVG, Canvas and HTML.
• d3-node - Server-side D3 for static chart/map generation.
• vx - react + d3 = vx | visualization components. https://vx-demo.now.sh/

• mongojs - Node.js module that implements the offical mongo api.

• moment - Parse, validate, manipulate, and display dates in javascript.
• moment-timezone - Timezone support for moment.js.

• apidoc - RESTful web API Documentation Generator.
• documentation - Beautiful, flexible, powerful js docs.

• class-list - A cross-browser class list.
• component-delegate - Event delegation component.
• delegate-dom - Event delegation library.
• element-class - Like .addClass and .removeClass from jquery but without dependencies.
• dom-classes - Cross-browser element class manipulation.
• dom-events - DOM event binding and emitting.
• dom-select - Select DOM.
• dom-style - Library to manipulate CSS properties.
• dom-value - Get / set form input values.
• dom-to-image - Generates an image from a DOM node using HTML5 canvas.
• in-view - Get notified when a DOM element enters or exits the viewport.
• is-dom - Check if the given object is a dom node.
• jsdom - A JavaScript implementation of the WHATWG DOM and HTML standards, for use with Node.js.
• offset - Get the xy offset of an element.
• synthetic-dom-events - Create DOM events for builtin event types.

• gamepad - Gamepad specification.

• chartjs - Simple HTML5 Charts using the <canvas> tag.
• node-canvas - Node canvas is a Cairo backed Canvas implementation for NodeJS.
• obelisk.js - JavaScript library for building pixel isometric graphics with HTML5 canvas.
• sigma.js - A JavaScript library dedicated to graph drawing.
• three.js - JavaScript 3D library.

• grid - Drag and drop library for two-dimensional, resizable and responsive lists.

• node-fetch - A light-weight module that brings window.fetch to node.js and io.js.
• node-http-proxy - A full-featured http proxy for node.js
• request - Simplified HTTP request client.
• superagent - Ajax with less suck - (and node.js HTTP client to match).

• i18next - An internationalization framework.
• i18next-scanner - Scan your code, extract translation keys/values, and merge them into i18n resource files.

• font-awesome - The iconic font and CSS toolkit.

• cylon - JavaScript framework for robotics, drones, and the Internet of Things (IoT).
• Espruino - The Espruino JavaScript interpreter.
• johnny-five - JavaScript Robotics and IoT programming framework.
• node-hid - Access USB HID devices through Node.JS.
• node-red - A visual tool for wiring the Internet of Things
• node-serialport - Node.js package to access serial ports for reading and writing OR Welcome your robotic JavaScript overlords.
• node-usb - Improved USB library for NodeJS.

• express-jwt - connect/express middleware that validates a JsonWebToken (JWT) and set the req.user with the attributes.
• node-jsonwebtoken - JsonWebToken implementation for node.js.
• socketio-jwt - Authenticate socket.io incoming connections with JWTs.

• big - A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
• expr-eval - Mathematical expression evaluator in JavaScript.

• nodemailer - Send e-mails with Node.JS – easy as cake!

• HTML5-Desktop-Notifications - Desktop notifications plugin for Chrome, Safari, Firefox and IE9.
• notify.js - A handy wrapper for the Web Notifications API.
• push.js - A compact, cross-browser solution for Javascript desktop notifications.

• p2p-graph - Real-time P2P network visualization with D3.
• webtorrent - ⚡ Streaming torrent client for the web.
• discovery-channel - Search for a key across multiple discovery networks and find peers who answer.
• discovery-server - A tcp/utp server that auto announces itself using discovery-channel.
• discovery-swarm - A network swarm that uses discovery-channel to find peers.

• babel-polyfill - Provides polyfills necessary for a full ES2015+ environment.
• es5-shim - ECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines.
• es6-shim - ECMAScript 6 compatibility shims for legacy JavaScript engines.
• es6-symbol - ECMAScript 6 Symbol polyfill.
• es7-shim - ECMAScript 7 compatibility shims for legacy JavaScript engines.
• fetch - A window.fetch JavaScript polyfill.
• polyfill - JavaScript Polyfills, Shims and More.
• webvr-polyfill - Use WebVR today, without requiring a special browser build.

• reveal.js - The HTML Presentation Framework.
• spectacle - ReactJS based Presentation Library.
• spectacle-boilerplate - Boilerplate project for getting started with Spectacle Core.
• spectacle-code-slide - 🤘 Present code with style.
• spectacle-editor - Drag and drop Spectacle editor.

• pre-commit - Automatically installs a git pre-commit script in your git repository which runs your npm test on pre-commit.
• pre-push - Adiciona hook para pre-push do git.

• create-react-app - Create React apps with no build configuration.
• flux-standard-action - A human-friendly standard for Flux action objects.
• formsy-react - A form input builder and validator for React JS.
• qrcode.react - A component for use with React.
• react - A declarative, efficient, and flexible JavaScript library for building user interfaces.
• react-a11y - Identifies accessibility issues in your React.js elements.
• react-addons-css-transition-group - A ReactTransitionGroup add-on component as a low-level API for animation, and a ReactCSSTransitionGroup for easily implementing basic CSS animations and transitions.
• react-addons-pure-render-mixin - A performance booster under certain situations.
• react-addons-shallow-compare - A helper function to achieve the same functionality as PureRenderMixin while using ES6 classes with React.
• react-angular - Use AngularJS 1.x templates in react components.
• react-anything-sortable - A ReactJS component that can sort any children with touch support and IE8 compatibility.
• react-blessed - A react renderer for blessed.
• react-bootstrap - Bootstrap 3 components built with React.
• react-codemod - React codemod scripts.
• react-color - 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more.
• react-csv - React components to build CSV files on the fly basing on Array/literal object of data. http://elegance.abdennoor.com/react-csv/
• react-custom-scrollbars - React scrollbars component.
• react-datepicker - A simple and reusable datepicker component for React.
• react-dates - An accessible, easily internationalizable, mobile-friendly datepicker library for the web.
• react-detect-offline - Offline and Online components for React.
• react-dnd - Drag and Drop for React.
• react-draggable - React draggable component.
• [react-dropzone](Convert hierarchical tree structure to flat structure.) - Simple HTML5 drag-drop zone with React.js.
• react-enroute - React router with a small footprint for modern browsers.
• react-facebook-login - A Component React for Facebook Login.
• react-faq - A collection of links to help answer your questions about React.js.
• react-fns - Modern React components, render-props, hoc's, and utility functions.
• react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
• react-hi-text - React text highlight component.
• react-highlight-words - React component to highlight words within a larger body of text.
• react-hotkeys - Declarative hotkey and focus area management for React.
• react-icon-base - base icon for https://github.com/gorangajic/react-icons.
• react-icons - ❤️ svg react icons of popular icon packs http://gorangajic.github.io/react-icons.
• react-idle - Notifies your app when the user is idle.
• react-image-crop - A responsive image cropping tool for React.
• react-infinite - A browser-ready efficient scrolling container based on UITableView.
• react-infinite-tree - The infinite-tree library for React.
• react-liquid-gauge - React Liquid Gauge component.
• react-loadable - A higher order component for loading components with promises.
• react-modal - Accessible modal dialog component for React.
• react-motion - A spring that solves your animation problems.
• react-music - Make beats with React!
• react-native - A framework for building native apps with React.
• react-pdf - Create PDF files using React.
• react-perimeter - Create an invisible perimeter around an element and respond when its breached.
• react-redux - Official React bindings for Redux.
• react-resizable - A simple React component that is resizable with a handle.
• react-responsive - Media queries in react for responsive design.
• react-router - A complete routing library for React.
• react-selection - Like the normal OS selection.
• react-sidebar - A sidebar component for React.
• react-sortable - A React component built on top of Sortable.
• react-sparklines - Beautiful and expressive Sparklines React component.
• react-sticky - component for awesome React apps.
• react-tappable - Tappable component for React.
• react-tiny-virtual-list - A tiny but mighty 3kb list virtualization library, with zero dependencies 💪 Supports variable heights/widths, scrolling to index, and more!
• react-virtualized - React components for efficiently rendering large lists and tabular data.
• react-vr - Create amazing 360 and VR content using React.
• react-webcam - Webcam component.
• react-xp - Library for cross-platform app development.
• redux - Predictable state container for JavaScript apps.
• redux-auth - Complete token authentication system for react + redux that supports isomorphic rendering.
• redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI.
• redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
• svgr - Transform SVG into React components 🦁.
• uncontrollable - Wrap a controlled react component, to allow specific prop/handler pairs to be uncontrolled.
• why-did-you-update - 💥 Puts your console on blast when React is making unnecessary updates.

• calendar - React Calendar.
• color-picker - React ColorPicker.
• pager - React Pager.
• progress - React Progress Bar.
• rate - React Rate.
• select - React Select.
• slider - React Slider.
• table - React Table.
• tabs - React Tabs.
• tree - React Tree.
• tooltip - React Tooltip.

• 30-days-of-react-native - 30 days of React Native demos.
• react-native-windows - A framework for building native apps with React.

• socket.io - Realtime application framework (Node.JS server).

• serverless - Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more!

• gatsby - Transform plain text into dynamic blogs and websites using React.js.
• gatsby-starter-blog - Gatsby starter for creating a blog
• gatsby-starter-default - The default Gatsby starter.
• gatsby-starter-documentation - Starter for building documentation site with GatsbyJS.

• store.js - Cross-browser storage for all use cases • Used across the web • See below for v2.0 news!

• wtfjs - A list of funny and tricky JavaScript examples. http://bit.ly/wtfjavascript

• BackstopJS - Automates CSS regression testing of your responsive web UI by comparing DOM screenshots at various viewport sizes.
• enzyme - JavaScript Testing utilities for React.
• istanbul - Yet another JS code coverage tool.
• jest - Painless JavaScript Unit Testing.
• leakage - 🐛 Memory leak testing for node.
• mocha - A simple, flexible, fun JavaScript test framework for node.js and the browser.
• nightmare - A high-level browser automation library. http://nightmarejs.org
• node-tap - Test Anything Protocol tools for node.
• nyc - A code coverage tool that works well with subprocesses.

• bash-git-prompt - An informative and fancy bash prompt for Git users.
• concurrently - Run commands concurrently. Like npm run watch-js & npm run watch-less but better.
• httpie - CLI HTTP client, user-friendly curl replacement with intuitive UI, JSON support, syntax highlighting, wget-like downloads, extensions, etc.
• http-server - A simple zero-configuration command-line http server.
• js-code-to-svg-flowchart - A visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
• jscodeshift - A JavaScript codemod toolkit.
• json-server - Get a full fake REST API with zero coding in less than 30 seconds (seriously).
• node-mkdirp - Recursively mkdir, like mkdir -p, but in node.js.
• node-prune - Remove unnecessary files from node_modules (.md, .ts, etc).
• npm-check-updates - Find newer versions of package dependencies than what your package.json or bower.json allows.
• nvm - Node Version Manager - Simple bash script to manage multiple active node.js versions.
• ora - Elegant terminal spinner.
• pageres - Capture website screenshots.
• pageres-cli - Capture website screenshots.
• prepack - Prepack is a partial evaluator for JavaScript. Prepack rewrites a JavaScript bundle, resulting in JavaScript code that executes more efficiently. https://prepack.io
• pv - A node.js implementation of the Pipe Viewer utility, useful for inspecting a pipe's traffic.
• release-it - CLI release tool for Git repos and npm packages.
• shellcheck - ShellCheck, a static analysis tool for shell scripts. http://www.shellcheck.net
• statsd - Daemon for easy but powerful stats aggregation.
• visual-center - This is a tool that will find the visual center of your images.
• yarn - 📦🐈 Fast, reliable, and secure dependency management.

• hammer.js - A javascript library for multi-touch gestures.
• virtualjoystick - A virtual joystick library to emulate a joystick on touch screen in javascript.

• array-lru - A really fast LRU cache for array items (numeric keys).
• chained-function - Chained function calls.
• chokidar - A neat wrapper around node.js fs.watch / fs.watchFile / fsevents.
• classnames - A simple javascript utility for conditionally joining classNames together.
• Clusterize.js - Tiny vanilla JS plugin to display large data sets easily.
• color-thief - Grabs the dominant color or a representative color palette from an image. Uses javascript and canvas.
• cross-env - Cross platform setting of environment scripts.
• csv-parser - Streaming csv parser inspired by binary-csv that aims to be faster than everyone else.
• debug - Tiny node.js & browser debugging utility for your libraries and applications.
• delay - Delay a promise a specified amount of time.
• detect-browser - Unpack a browser type and version from the useragent string.
• emergence.js - Detect element visibility in the browser.
• escape-html - Escape string for use in HTML.
• esprima - ECMAScript parsing infrastructure for multipurpose analysis.
• feature.js - Feature.js is a fast, simple and lightweight browser feature detection library in 1kb.
• find-imports - Find all imported modules in JavaScript files.
• fitty - Makes text fit perfectly.
• flattree - Convert hierarchical tree structure to flat structure.
• flow.js - A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.
• glob - glob functionality for node.js.
• globby - Extends glob with support for multiple patterns.
• hashlru - Simpler, faster LRU cache algorithm.
• html5-tag - A simple utility for creating HTML5 tags.
• iframe-resizer - Keep same and cross domain iFrames sized to their content with support for window/content resizing, in page links, nesting and multiple iFrames.
• lodash - A modern JavaScript utility library delivering modularity, performance, & extras.
• mousetrap - Simple library for handling keyboard shortcuts in Javascript.
• moveTo - A lightweight scroll animation javascript library without any dependency.
• multiline-template - Multiline tagged templates using a pipe |, followed by a space, to signal line start, no more crazy indent hacks.
• node-lur-cache - A cache object that deletes the least-recently-used items.
• node-semver - The semver parser for node (the one npm uses).
• node-which - Like which(1) unix command. Find the first instance of an executable in the PATH.
• parse-json - Parse JSON with more helpful errors.
• pixelmatch - The smallest, simplest and fastest JavaScript pixel-level image comparison library.
• path-to-regexp - Express-style path to regexp.
• pretty-format - ✨ Stringify any JavaScript value.
• protobuf.js - Protocol Buffers for JavaScript (& TypeScript).
• PubSubJS - Dependency free publish/subscribe for JavaScript.
• qs - A querystring parser with nesting support.
• shine.js - A library for pretty shadows.
• stacktrace.js - Framework-agnostic, micro-library for getting stack traces in all web browsers.
• table - Formats data into a string table.
• text-spinners - Pure text, CSS only, font independent, inline loading indicators.
• text-width - Measure the text width in browsers.
• threads.js - Easy to use, yet powerful multi-threading library for node.js and the browser.
• ua-parser-js - Lightweight JavaScript-based User-Agent string parser.
• universal-logger - A universal logging library for Node and the browser.
• universal-logger-browser - Browser plugins for universal logger.
• winston - A multi-transport async logging library for node.js.
• xregexp - Extended JavaScript regular expressions.
• zooming - Image zoom that makes sense. http://desmonding.me/zooming/

• jsmpeg - MPEG1 Video Decoder in JavaScript.
• node-fluent-ffmpeg - A fluent API to FFMPEG (http://www.ffmpeg.org).
• node-rtsp-stream - Stream any RTSP stream and output to websocket for consumption by jsmpeg.

• aframe - Building Blocks for the VR Web.

• vuera - 👀 React in Vue, Vue in React. Seamless integration of the two.

• grapesjs - Free and Open source Web Builder Framework. Next generation tool for building templates without coding.

• localcast - A shared event emitter that works across multiple processes on the same machine, including the browser!

• express - Fast, unopinionated, minimalist web framework for node.
• koa - Next generation web framework for Node.js.

• node-webworker-threads - Lightweight Web Worker API implementation with native threads.