awesome
A curated list of awesome frontend development resources.
https://github.com/trendmicro-frontend/awesome
Last synced: 4 days ago
JSON representation
-
Polyfill
-
React Components
- webvr-polyfill - Use WebVR today, without requiring a special browser build.
- fetch - A window.fetch JavaScript polyfill.
-
-
Presentation
-
React Components
- cleaver - 30-second slideshows for hackers. http://jdan.github.io/cleaver
- code-surfer - Rad code slides <π/>. https://codesurfer.pomb.us/
- mdx-deck - β οΈ React MDX-based presentation decks. https://mdx-deck.jxnblk.com
- reveal.js - The HTML Presentation Framework.
- spectacle - ReactJS based Presentation Library.
- spectacle-boilerplate - Boilerplate project for getting started with Spectacle Core.
- spectacle-code-slide - :metal: Present code with style.
- spectacle-editor - Drag and drop Spectacle editor.
-
-
Private NPM
-
React Components
- verdaccio - A lightweight private npm proxy registry (sinopia fork).
-
-
Productivity
-
React Components
- 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.
-
-
Protocol Buffers
-
React Components
- protobuf.js - Protocol Buffers for JavaScript (& TypeScript).
- protocol-buffers - Protocol Buffers for Node.js.
- protocol-buffers-encodings - Base encodings for protocol-buffers.
-
-
React
-
React Components
- 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-native - A framework for building native apps with React.
- formsy-react - A form input builder and validator for React JS.
- drei - π useful helpers for react-three-fiber. https://drei.pmnd.rs/
- qrcode.react - A <QRCode/> component for use with React.
- immer - Create the next immutable state by mutating the current one.
- ink - π React for interactive command-line apps.
- react - A declarative, efficient, and flexible JavaScript library for building user interfaces.
- react-a11y - Identifies accessibility issues in your React.js elements.
- react-animate-height - Lightweight React component for animating height using CSS transitions. Slide up/down the element, and animate it to any specific height. https://muffinman.io/react-animate-height
- react-animated-tree - π²Simple to use, configurable tree view with full support for drop-in animations.
- react-animations - π A collection of animations for inline style libraries.
- react-anything-sortable - A ReactJS component that can sort any children with touch support and IE8 compatibility.
- react-async-hook - React hook to handle any async operation in React components, and prevent race conditions.
- react-base-table - A react table component to display large datasets with high performance and flexibility. https://autodesk.github.io/react-base-table/
- react-blessed - A react renderer for blessed.
- react-bootstrap - Bootstrap 3 components built with React.
- react-circle - Renders a svg circle + progress, it just works π. https://zzarcon.github.io/react-circle
- react-click-outside - ClickOutside component for React.
- react-clock - An analog clock for your React app. http://projects.wojtekmaj.pl/react-clock
- react-codemod - React codemod scripts.
- react-collapse - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height.
- react-color - π¨ Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more.
- react-content-loader - βͺ SVG-Powered component to easily create placeholder loadings (like Facebook cards loading). http://danilowoz.com/create-content-loader/
- react-contexify - Add a context menu to your react app with ease.
- react-countup - π« A configurable React component wrapper around CountUp.js. https://react-countup.now.sh
- 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-datetime - A lightweight but complete datetime picker react component.
- react-enroute - React router with a small footprint for modern browsers.
- react-event-timeline - A responsive event timeline in React.js.
- react-extras - Useful components and utilities for working with React.
- react-facebook-login - A Component React for Facebook Login.
- react-faq - A collection of links to help answer your questions about React.js.
- react-favicon - Set or animate your React app's favicon.
- 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-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-image-crop - A responsive image cropping tool for React.
- react-infinite - A browser-ready efficient scrolling container based on UITableView.
- react-infinite-calendar - β¨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.
- react-infinite-tree - The [infinite-tree](https://github.com/cheton/infinite-tree) library for React.
- react-joyride - Create walkthroughs and guided tours for your features.
- react-lines-ellipsis - Simple multiline ellipsis component for React.JS. https://xiaody.github.io/react-lines-ellipsis/
- react-modal - Accessible modal dialog component for React.
- react-motion - A spring that solves your animation problems.
- react-movable - π Drag and drop for your React lists and tables. Accessible. Tiny. https://react-movable.netlify.com
- react-move - React Move π Beautiful, data-driven animations for React. https://react-move.js.org
- react-music - Make beats with React!
- react-overflow-indicator - Detect overflow and render shadows, fades, arrows, etc.
- react-pdf - Display PDFs in your React app as easily as if they were images. http://projects.wojtekmaj.pl/react-pdf
- react-pdf - Create PDF files using React.
- react-perimeter - Create an invisible perimeter around an element and respond when its breached.
- react-placeholder - A React component to easily replicate your page with nice placeholders while the content is loading.
- react-pledge - Declarative way to track promise lifecycle states using "render props" πΆ.
- react-range - ποΈRange input with a slider. Accessible. Bring your own styles and markup. https://react-range.netlify.app/
- react-repeatable - A press and hold wrapper component that can trigger hold action multiple times while holding down.
- react-resize-observer-hook - ResizeObserver + React hooks. https://zzarcon.github.io/react-resize-observer-hook/
- react-responsive - Media queries in react for responsive design.
- react-router - A complete routing library for React.
- react-scroll-shadow - Pure CSS shadow to indicate more content in scrollable area. https://zzarcon.github.io/react-scroll-shadow/
- react-selection - Like the normal OS selection.
- react-sidebar - A sidebar component for React.
- react-simple-chatbot - π¬ Easy way to create conversation chats. https://lucasbassetti.com.br/react-simple-chatbot/
- react-slick - React carousel component. http://react-slick.neostack.com/
- react-sparklines - Beautiful and expressive Sparklines React component.
- react-sticky - <Sticky /> component for awesome React apps.
- react-tappable - Tappable component for React.
- react-timer-hook - React timer hook.
- react-toggled - Component to build simple, flexible, and accessible toggle components. https://codesandbox.io/s/m38674w9vy
- react-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS Modules.
- react-three-fiber - βοΈ React renderer for Threejs (web and react-native) https://spectrum.chat/react-three-fiber
- react-toastify - React notification made easy π! https://fkhadra.github.io/react-toastify
- react-toast-notifications - π A toast notification system for react. https://jossmac.github.io/react-toast-notifications/
- react-use - React Hooks β future of React π react-use. http://streamich.github.io/react-use
- react-vertical-timeline - Vertical timeline for React.js.
- react-video-renderer - Build custom video players effortless. https://zzarcon.github.io/react-video-renderer/
- react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport.
- react-xp - Library for cross-platform app development.
- react-youtube - react.js powered YouTube player component.
- svgr - Transform SVG into React components π¦.
- uncontrollable - Wrap a controlled react component, to allow specific prop/handler pairs to be uncontrolled.
- window-table - Windowing Table for React based on React Window. https://window-table.netlify.com/
- why-did-you-update - π₯ Puts your console on blast when React is making unnecessary updates.
- flux-standard-action - A human-friendly standard for Flux action objects.
- grid-styled - Responsive React grid system built with styled-components.
- react-final-form - π High performance subscription-based form state management for React.
- react-grid-system - A no CSS Bootstrap-like responsive grid system for React.
- react-popover - React wrapper around Popper.js (official). https://fezvrasta.github.io/react-popper/
- react-resizable - A simple React component that is resizable with a handle.
- react-spring-examples - React spring examples.
- react-webcam - Webcam component.
- react-spring - βοΈ A spring physics based React animation library. https://www.react-spring.io
- create-react-app - Create React apps with no build configuration.
- react-dnd - Drag and Drop for React.
- react-draggable - React draggable component.
- react-horizontal-timeline - A Timeline component.
- react-loadable - A higher order component for loading components with promises.
- react-redux - Official React bindings for Redux.
- react-sortable - A React component built on top of [Sortable](https://github.com/RubaXa/Sortable).
- react-vr - Create amazing 360 and VR content using React.
- styled-email-components - π styled-components for emails.
- react-flow - Highly customizable library for building interactive node-based UIs, editors, flow charts and diagrams.
- 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-csv - React components to build CSV files on the fly basing on Array/literal object of data. http://elegance.abdennoor.com/react-csv/
- react-detect-offline - Offline and Online components for React.
- react-idle - Notifies your app when the user is idle.
- react-to-print - Print React components in the browser. Supports Chrome, Safari, Firefox and EDGE.
-
-
React Hooks
-
React Components
- awesome-react-hooks - Awesome React Hooks.
- react-adaptive-hooks - Deliver experiences best suited to a user's device and network constraints.
- react-hooks-visible - React Hooks library for element visibility. Uses the intersection observer API.
- react-use-measure - π Utility to measure view bounds.
- use-asset - π¦ A data fetching strategy for React Suspense.
- usePosition - React hook for get position of element.
- react-use-gesture - πBread n butter utility for component-tied mouse/touch gestures in React.
-
-
React Native
-
React Components
- 30-days-of-react-native - 30 days of React Native demos.
- react-native-windows - A framework for building native apps with React.
-
-
React Virtualization
-
React Components
- 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-virtualized-auto-sizer - Standalone version of the AutoSizer component from react-virtualized.
- react-window - React components for efficiently rendering large lists and tabular data.
-
-
Real-time
-
React Components
- socket.io - Realtime application framework (Node.JS server).
-
-
Redux
-
React Components
- redux-auth - Complete token authentication system for react + redux that supports isomorphic rendering.
- redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React.
- redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI.
- redux - Predictable state container for JavaScript apps.
- redux-form - A Higher Order Component using react-redux to keep form state in a Redux store.
-
-
Regex
-
React Components
- learn-regex - Learn regex the easy way.
-
-
Security
-
Serverless
-
React Components
- serverless - Serverless Framework β Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more!
- examples - Serverless Examples β A collection of boilerplates and examples of serverless architectures built with the Serverless Framework on AWS Lambda, Microsoft Azure, Google Cloud Functions, and more. https://www.serverless.com/examples/
-
-
State Machine
-
React Components
- state-machine-cat - write beautiful state charts π. https://state-machine-cat.js.org
- xstate - State machines and statecharts for the modern web. https://xstate.js.org/docs
- xstate-examples - A series of examples showing how to model application state with statechart using xstate. https://stateskit.com
-
-
Static Site Generator
-
React Components
- 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.
-
-
Storage
-
Talks
-
React Components
- wtfjs - A list of funny and tricky JavaScript examples. http://bit.ly/wtfjavascript
-
-
Terraform
-
React Components
- cf-to-tf - CLI tool for generating Terraform configuration and state for existing CloudFormation resources.
- terraform-aws-cloudfront-cdn - Terraform Module that implements a CloudFront Distribution (CDN) for a custom origin.
- terraform-aws-cloudfront-s3-cdn - Terraform module to easily provision CloudFront CDN backed by an S3 origin.
- terraform-aws-ec2-instance - Terraform Module for providing a general EC2 instance provisioned by Ansible.
- terraform-aws-s3-website - Terraform Module for Creating S3 backed Websites and Route53 DNS.
-
-
Testing
-
React Components
- BackstopJS - Automates CSS regression testing of your responsive web UI by comparing DOM screenshots at various viewport sizes.
- istanbul - Yet another JS code coverage tool.
- leakage - π Memory leak testing for node.
- mocha - A simple, flexible, fun JavaScript test framework for node.js and the browser.
- node-tap - Test Anything Protocol tools for node.
- nyc - A code coverage tool that works well with subprocesses.
- redux-saga-test-plan - Test Redux Saga with an easy plan. http://redux-saga-test-plan.jeremyfairbank.com/
- jest - Painless JavaScript Unit Testing.
- enzyme - JavaScript Testing utilities for React.
- nightmare - A high-level browser automation library. http://nightmarejs.org
-
-
Text Editor
-
React Components
- ckeditor-dev - The development repository of CKEditor 4. https://ckeditor.com/ckeditor-4/
- ckeditor5 - Development environment for CKEditor 5; the best browser-based rich text editor. https://ckeditor.com
- ckeditor5-engine - CKEditor 5 editing engine. https://ckeditor5.github.io
- pell - π the simplest and smallest (~1kB) WYSIWYG text editor for web, with no dependencies
- tinymce - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular. https://www.tiny.cloud
-
-
Tools
-
React Components
- arkit - JavaScript architecture diagrams and dependency graphs.
- autocannon - fast HTTP/1.1 benchmarking tool written in Node.js.
- bash-git-prompt - An informative and fancy bash prompt for Git users.
- codemod - Codemod is a tool/library to assist you with large-scale codebase refactors that can be partially automated but still require human oversight and occasional intervention.
- concurrently - Run commands concurrently. Like `npm run watch-js & npm run watch-less` but better.
- cz-cli - The commitizen command line utility.
- fx - Command-line JSON processing tool π₯.
- gnomon - Utility to annotate console logging statements with timestamps and find slow processes.
- 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.
- imagemin - Minify images seamlessly.
- 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).
-
Programming Languages
Categories
React
116
Utilities
71
Trend Micro
29
Tools
28
DOM
15
Build Tools
14
Verdaccio
10
Testing
10
Awesome
10
Command-line & Terminal Utilities
9
Polyfill
9
Object
9
Presentation
8
AI
8
React Hooks
7
Automation
7
IoT
7
CSS
7
Feature Control - LaunchDarkly
6
Micro Frontend
6
Text Editor
5
P2P
5
Image Processing
5
Data Visualization
5
Terraform
5
Redux
5
Web Worker
5
Graphics
5
Static Site Generator
4
HTTP
4
Math
4
React Virtualization
4
Video
4
Job Scheduling and Queues
4
Cheatsheet
4
Machine Learning
4
CSS Preprocessor
3
Boilerplate
3
State Machine
3
Notifications
3
Color
3
Json Web Token (JWT)
3
Algorithms
3
Protocol Buffers
3
Logging
3
Productivity
2
Inversion of Control
2
Computer Vision
2
Control Flow
2
Touch Screen
2
Virtualization
2
Serverless
2
Authentication
2
Security
2
I18n
2
Electron
2
Game
2
Storage
2
React Native
2
Books
2
Date
2
Documentation
2
Icon Fonts
2
Regex
1
Audio
1
Grid
1
Mail
1
Vue
1
Micro-generator Framework
1
Web Framework
1
Deep Learning
1
Markdown
1
Web Builder
1
Messaging Applications
1
Real-time
1
Talks
1
Private NPM
1
Virtual Reality
1
Animation
1
Frontend Performance
1
Web Component
1
Debugging
1
Validation
1
Compiler
1
Web Socket
1
Database
1
Sub Categories
Keywords
javascript
95
react
78
nodejs
34
typescript
17
node
13
css
12
cli
11
svg
11
awesome
10
awesome-list
10
react-component
9
reactjs
8
component
8
animation
7
performance
7
es6
6
command-line
6
html
6
electron
6
browser
6
hooks
6
list
6
react-native
6
testing
5
web
5
webgl
5
graph
5
chart
5
data-visualization
5
chrome
5
terraform
5
webpack
5
d3
5
launchdarkly
5
feature-toggles
5
feature-flags
5
managed-by-terraform
4
launchdarkly-sdk
4
mirror
4
npm
4
npm-package
4
resize
4
stream
4
react-hooks
4
drag-and-drop
4
slides
4
virtualization
4
ecmascript
4
serverless
4
web-worker
4