https://github.com/codepunkt/npm-packages
https://github.com/codepunkt/npm-packages
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/codepunkt/npm-packages
- Owner: codepunkt
- Created: 2019-03-13T10:20:35.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-08-13T17:32:15.000Z (over 5 years ago)
- Last Synced: 2025-09-06T10:41:43.081Z (8 months ago)
- Size: 116 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> A list of personal npm package recommendations and alternatives
# Utility libraries
## Dates
- [date-fns](https://date-fns.org/) ⭐ - Date utility library
- [moment.js](https://momentjs.com/) - Parse, validate, manipulate, and display dates and times
## Generic
- [lodash](https://lodash.com/) ⭐ - Generic utility library
- [ramda](https://ramdajs.com/) - Functional utility library
## Validation
- [joi](https://github.com/hapijs/joi) - Object schema description language and validator for JavaScript objects
- [yup](https://github.com/jquense/yup) - Dead simple Object schema validation
- [superstruct](https://github.com/ianstormtaylor/superstruct) - A simple and composable way to validate data
## Styling
- [polished](https://polished.js.org/) - Styling utility library
## Mocking/Faking
- [faker](https://github.com/marak/Faker.js/) ⭐ - generate realistic fake data in Node.js and the browser
- [casual](https://github.com/boo1ean/casual) - fake data generator for javascript
# Frontend
## Misc
- [what-input](https://github.com/ten1seven/what-input) - utility for tracking the current input method (mouse/pointer, keyboard or touch). can be used to provide outlines for keyboard usage and kinda act like a polyfill for :focus-visible
## Data visualization
- [d3](https://d3js.org/) - Data visualization library
## Animation
- [greensock](https://greensock.com/) - Site of tools for scripted, high-performance animations in all major browsers
- [anime](https://animejs.com/) - JavaScript animation engine
## Canvas
- [three.js](https://threejs.org/) - JavaScript 3D library
- [babylon.js](https://www.babylonjs.com/) - JavaScript 3D library
- [fabric.js](http://fabricjs.com/) - Powerful and simple 2D canvas library
## Editing
- [slate](https://github.com/ianstormtaylor/slate) - A completely customizable framework for building rich text editors
## React
### Boilerplates
- [create-react-app](https://facebook.github.io/create-react-app/) ⭐ - Set up a react app with a single command
- [@rescripts/cli](https://github.com/harrysolovay/rescripts) ⭐ - Allow custom build configs for create-react-app applications
- [next.js](https://nextjs.org/) - Server-rendered react framework
### Static site generators
- [gatsby](https://www.gatsbyjs.org/) ⭐ - Site generator for React
- [react-static](https://github.com/nozzle/react-static) - A progressive static site generator for React
- [phenomic](https://phenomic.io) - Modular website compiler
### Hook Collections
- [beautiful-react-hooks](https://github.com/beautifulinteractions/beautiful-react-hooks) - A collection of beautiful and (hopefully) useful React hooks
### Components
#### Component libraries
- [material-ui](https://material-ui.com/) ⭐ - React components that implement Google's material design
- [reakit](https://reakit.io/) - Accessible, composable components that implement the WAI-ARIA 1.1 standards
- [eui](https://github.com/elastic/eui) - Design library in use at Elastic to build internal products
- [chakra ui](https://chakra-ui.com/) - Chakra UI is a simple, modular and accessible component library that gives you all the building blocks you need
- [antd](https://ant.design/docs/react/introduce) - React UI library that contains a set of high quality components and demos following the Ant Design specification
- [office-ui-fabric](https://developer.microsoft.com/en-us/fabric#/components) - Official component library to build experiences that fit seamlessly into Office and Office 365
- [atlaskit](https://atlaskit.atlassian.com/) - Technical implementation of Atlassians UI guidelines as React components
- [blueprint](https://blueprintjs.com/) - React-based UI toolkit for the web
- [react-bootstrap](https://react-bootstrap.github.io/) - React components for the most used CSS library in the world
- [smooth-ui](https://smooth-ui.smooth-code.com/) - Style system & UI library that works with styled-components or emotion
#### Data visualization
- [nivo](https://nivo.rocks/) ⭐ - Rich set of dataviz components, built on top of d3
- [react-vis](https://uber.github.io/react-vis/) - A composable charting library
- [vx](https://vx-demo.now.sh/) - A set of reusable low-level visualization components
- [victory](https://formidable.com/open-source/victory/) - Components for modular charting and data visualization
- [recharts](http://recharts.org/) - A composable charting library built on React components
#### Maps
- [pigeon-maps](https://github.com/mariusandra/pigeon-maps) ⭐ - ReactJS maps without external dependencies
- [react-leaflet](https://react-leaflet.js.org/) - An abstraction of Leaflet as React components
- [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - React wrapper for mapbox-gl-js
#### Virtualization
- [react-window](https://github.com/bvaughn/react-window) ⭐ - Components for efficiently rendering large lists and tabular data
- [react-virtualized](https://github.com/bvaughn/react-virtualized) - Components for efficiently rendering large lists and tabular data
- [react-virtuoso](https://virtuoso.dev/) - virtualized list component that can handle variable heights, sticky group headers and content resizing
#### Tables/datagrids
- [react-table](https://github.com/tannerlinsley/react-table) - Hooks for building fast and extendable tables and datagrids for React
- [reactabular](https://reactabular.js.org) - A framework for building the React table you need
- [ag-grid](https://github.com/ag-grid/ag-grid) - Fully features, highly customizable data grid. Free and enterprise versions
#### Misc
- [react-helmet](https://github.com/nfl/react-helmet) ⭐ - Manage changes to the document head
- [react-media](https://github.com/ReactTraining/react-media) - CSS media queries for React
- [downshift](https://github.com/downshift-js/downshift) - Primitive to build simple, flexible, enhanced input React components
- [react-joyride](https://react-joyride.com/) - Create guided tours for your apps
- [react-aria-live](https://github.com/AlmeroSteyn/react-aria-live) - ARIA live message announcer for React apps
### Component development
- [storybook](https://storybook.js.org/) ⭐ - Developing UI components in isolation
- [styleguidist](https://react-styleguidist.js.org/) - Isolated React component development environment
### Routing
- [react-router](https://reacttraining.com/react-router/) ⭐ - Most used routing library
- [@reach/router](https://reach.tech/router) - Routing library with focus on a11y
- [navi](https://frontarm.com/navi/en/) - Routing library with focus on asynchronous routing & data fetching
### CSS-in-JS
- [styled-components](https://www.styled-components.com/) ⭐ - CSS-in-JS library for modular, component-based styling
- [emotion](https://emotion.sh/) ⭐ - CSS-in-JS library for modular, component-based styling
- [linaria](https://github.com/callstack/linaria) - Zero runtime css in js library
- [astroturf](https://github.com/4Catalyzer/astroturf) - Write CSS in your JavaScript files without adding any runtime layer
- [rebass](https://rebassjs.org/) - React primitive UI components built with styled-system
### Forms
- [formik](https://jaredpalmer.com/formik/) ⭐ - Build forms in React, without the tears
- [react-final-form](https://github.com/final-form/react-final-form) ⭐ - High performance subscription-based form state management for React
- [react-hook-form](https://github.com/react-hook-form/react-hook-form) - Performant, flexible and extensible forms with easy to use validation.
- [redux-form](https://redux-form.com/8.1.0/) - Form handling for redux
### I18N
- [react-intl](https://github.com/yahoo/react-intl) ⭐ - React components and API to format dates, numbers, and strings, including pluralization
- [fbt](https://facebookincubator.github.io/fbt/) - Facebook's internationalization framework
### State Management
- [redux](https://redux.js.org/) ⭐ - Predictable, unidirectional data flow state management based on the flux pattern
- [mobx](https://mobx.js.org/) - Functional reactive programming state management
- [mobx-state-tree](https://github.com/mobxjs/mobx-state-tree) - Model driven state management
- [redux-observable](https://redux-observable.js.org/) - RxJS based middleware for redux
### Animations
- [react-spring](https://redux-observable.js.org/) ⭐ - A spring physics based React animation library
- [framer-motion](https://www.framer.com/motion/) - A simple, CSS-like animation library
### Data fetching
- [react-query](https://github.com/tannerlinsley/react-query) - Hooks for fetching, caching and updating asynchronous data in React
- [swr](https://swr.now.sh/) - React Hooks for Remote Data Fetching
### 3D
- [react-three-fiber](https://github.com/react-spring/react-three-fiber) - a react renderer for three.js
# Testing
- [jest](https://jestjs.io/) ⭐ - JavaScript testing framework
- [cypress](https://www.cypress.io/) ⭐ - JavaScript end to end testing framework, running in Chrome
# Asynchronous Requests
## GraphQL
- [apollo](https://www.apollographql.com/docs) ⭐ - GraphQL implementation for client & server
- [urql](https://github.com/FormidableLabs/urql) - Customizable GraphQL client for react
- [graphql-code-generator](https://graphql-code-generator.com/) - Generate code from your graphql schema
## fetch/XHR
- [axios](https://github.com/axios/axios) ⭐ - Promise-based XHR client with a lot of options
- [ky](https://github.com/sindresorhus/ky) - Tiny and elegant HTTP client based on the browser Fetch API
- [cross-fetch](https://github.com/lquixada/cross-fetch) - Universal WHATWG Fetch API for Node, Browsers and React Native
- [make-fetch-happen](https://github.com/zkat/make-fetch-happen) - Nodejs fetch with HTTP Cache support, request pooling, proxies, retries etc
- [needle](https://github.com/tomas/needle) - Streamable HTTP client
# Node.js
## Misc
- [node-re2](https://github.com/uhop/node-re2) - fast, safe alternative to backtracking regular expression engines
- [dotenv](https://github.com/expressjs/morgan) - load environment variables from .env file
- [jsonwebtoken](https://github.com/auth0/node-jsonwebtoken#readme) - JSON web token implementation
## Web frameworks
- [express](https://expressjs.com/) - Fast, unopinionated, minimalist web framework) - most used
- [hapi](https://hapijs.com/) - A rich framework for building applications and services
- [koa](https://github.com/koajs/koa) - Next generation web framework from the team behind express
- [helmet](https://helmetjs.github.io/) - Security toolbox for express web apps
## Database
- [mongoose](https://mongoosejs.com/) - Object modeling for MongoDB
- [mongoose-patch-history](https://github.com/codepunkt/mongoose-patch-history#readme) - Save a history of JSON patches in an associated "patches" collection
- [sequelize](http://docs.sequelizejs.com/) - ORM for Postgres, MySQL, MariaDB, SQLite and Microsoft SQL Server
- [knex](https://knexjs.org/) - SQL query builder
## Logging
- [debug](https://github.com/visionmedia/debug) - Debugging utility modeled after Node.js core's debugging technique
- [morgan](https://github.com/expressjs/morgan) - HTTP request logger middleware
- [winston](https://github.com/winstonjs/winston) - Universal logging library, useable with multiple transports
- [pino](https://getpino.io/) - Low overhead logging with a focus on performance
## CLI
- [yargs](https://yargs.js.org/) - Yargs helps you build interactive command line tools and parses arguments
- [inquirer](https://github.com/SBoudrias/Inquirer.js) - A collection of common interactive command line user interfaces
- [enquirer](https://github.com/enquirer/enquirer) - Stylish, intuitive and user-friendly prompts
- [cross-spawn](https://github.com/moxystudio/node-cross-spawn) - A cross platform solution to node's spawn and spawnSync
## Image processing
- [sharp](https://github.com/lovell/sharp) - High performance Node.js image processing
## AST-based transformations
- [remark](https://github.com/remarkjs/remark) - Plugin-based markdown processor that can generate and transform markdown
- [rehype](https://github.com/rehypejs/rehype) - Plugin-based HTML processor that can generate and transform HTML
# Tooling
## Commandline
- [diff-so-fancy](https://github.com/so-fancy/diff-so-fancy) - Human readable terminal diffs
- [tldr](https://github.com/tldr-pages/tldr) - Simplified and community-driven man pages
## Load testing
- [autocannon](https://github.com/mcollina/autocannon) - fast HTTP/1.1 benchmarking tool
## Project
> JavaScript project tooling
- [prettier](https://prettier.io/) - Code formatter
- [eslint](https://eslint.org/) - Code linter
- [husky](https://github.com/typicode/husky) - Define git hooks in package.json
- [commitlint](https://conventional-changelog.github.io/commitlint/) - Helps adhering to commit conventions by linting commit messages
- [lint-staged](https://github.com/okonet/lint-staged) - Runs linters, formatters or other commands on staged files
- [standard-version](https://github.com/conventional-changelog/standard-version) - Automatic semantic versioning and CHANGELOG generation
- [lerna](https://lernajs.io/) - A tool for managing JavaScript projects with multiple packages
- [size-limit](https://github.com/ai/size-limit) - Enables a build step that checks bundle sizes
- [plop](https://plopjs.com/) - Template-based code generator framework
## Github
> Applications that can be embedded into github workflows (automatically commenting on PRs etc)
- [bundlesize](https://github.com/siddharthkp/bundlesize) - Enables a build step that checks bundle sizes
- [dependabot](https://dependabot.com/) - Creates pull requests to keep dependencies secure and up-to-date
- [snyk](https://snyk.io/) - Automates finding & fixing vulnerabilities in your dependencies
- [renovate](https://renovatebot.com/) - Automates dependency updates in software projects
- [greenkeeper](https://greenkeeper.io/) - Real-time monitoring and automatic updates for npm dependencies
- [codecov](https://codecov.io/) - Tools to group, merge and compare coverage reports
## Build
- [webpack](https://webpack.js.org/) - Highly configurable asset bundler
- [babel](https://babeljs.io/) - JavaScript compiler
- [rollup](https://rollupjs.org/guide/en) - Module bundler
- [sucrase](https://sucrase.io/) - Super fast babel alternative
- [swc](https://swc-project.github.io/) - Another fast babel alternative
### Webpack plugins
- [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) - Visualizes size of webpack output files with an interactive treemap
- [nodemon-webpack-plugin](https://github.com/Izhaki/nodemon-webpack-plugin) - Uses nodemon to start and reload a server
- [webpack-license-plugin](https://github.com/codepunkt/webpack-license-plugin) - Helps you with the management of open source dependencies
- [clean-webpack-plugin](https://github.com/johnagan/clean-webpack-plugin) - Remove your build folder before building
### Babel plugins & presets
- [babel-preset-env](https://babeljs.io/docs/en/babel-preset-env) - Automatically target compile environments
- [babel-plugin-macros](https://www.npmjs.com/package/babel-plugin-macros) - Allows you to build compile-time libraries without having to add a babel plugin
- [babel-preset-typescript](https://babeljs.io/docs/en/babel-preset-typescript) - Preset used to compile typescript with babel
## Npm scripts
- [shx](https://github.com/shelljs/shx) - Unix-like, cross-platform commands
- [cross-env](https://github.com/kentcdodds/cross-env) - Set and use environment variables across platforms