https://github.com/ekaone/javascript-awesome-packages
π π Javascript Awesome Packages List, start from π¦ State Management, π§ͺ Testing, π Utilities, π Design System, π Chart, π₯ Server, π Security, π ORM and Query Builder
https://github.com/ekaone/javascript-awesome-packages
List: javascript-awesome-packages
database orm security server state-management testing
Last synced: about 2 months ago
JSON representation
π π Javascript Awesome Packages List, start from π¦ State Management, π§ͺ Testing, π Utilities, π Design System, π Chart, π₯ Server, π Security, π ORM and Query Builder
- Host: GitHub
- URL: https://github.com/ekaone/javascript-awesome-packages
- Owner: ekaone
- License: mit
- Created: 2020-11-11T13:19:29.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-10T14:56:07.000Z (over 1 year ago)
- Last Synced: 2023-12-11T15:43:25.631Z (over 1 year ago)
- Topics: database, orm, security, server, state-management, testing
- Homepage:
- Size: 64.5 KB
- Stars: 8
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - javascript-awesome-packages - π π JavaScript Awesome Packages List, start from π¦ State Management, π§ͺ Testing, π Utilities, π Design System, π Chart, π₯ Server, π Security, π ORM and Query Builder. (Other Lists / Julia Lists)
README
# `Javascript Awesome Packages`
[][ama]
## Contents
- [State Management](#vertical_traffic_light-state-management)
- [Testing](#droplet-testing)
- [Bundler](#dvd-bundler)
- [Utilities](#hammer_and_wrench-utilities)
- [Browser](#globe_with_meridians-browser)
- [Design System](#rainbow-design-system)
- [Chart](#chart-chart)
- [Animation](#ear_of_rice-animation)
- [Template Engine](#steam_locomotive-template-engine)
- [Server](#computer-server)
- [Security](#closed_lock_with_key-security)
- [Database ORM and Query Builder](#newspaper-database-orm-and-query-builder)
- [Command Line Interface](#incoming_envelope-command-line-interface)
- [How to contribute](#yum-how-to-contribute)
- [License](#yum-how-to-contribute)
### :vertical_traffic_light: State Management
- [`Zustand` - A small, fast and scaleable bearbones state-management solution](https://zustand.surge.sh/)
- [`Recoil` - Data-Flow Graph and Cross-App Observation](https://recoiljs.org/)
- [`xoid` - Scalable, fine-grained, and minimal state-management library for React and vanilla JavaScript](https://github.com/onurkerimov/xoid)
- [`Xstate` - JavaScript and TypeScript finite state machines and statecharts for the modern web](https://xstate.js.org/)
- [`MobX` - Simple and scalable applying functional reactive programming (TFRP)](https://mobx.js.org/README.html)
- [`Redux` - A Predictable State Container for JS Apps](https://redux.js.org/)
- [`Pullstate` - Simple state stores, retrieval anywhere in your React tree using hooks](https://lostpebble.github.io/pullstate/)
- [`JΕtai` - Primitive and flexible state management for React](https://jotai.surge.sh/)
- [`Valtio` - Valtio makes proxy-state simple for React and Vanilla](https://github.com/pmndrs/valtio)
- [`React Tracked` - Optimize re-renders for useState/useReducer, React Redux, Zustand and others](https://react-tracked.js.org/)
- [`Immer` - Create the next immutable state by mutating the current one](https://immerjs.github.io/immer/)
- [`Mutik` - A tiny (495B) immutable state management library based on Immer](https://github.com/jaredpalmer/mutik)
### :droplet: Testing
- [`Jest` - Delightful JavaScript Testing Framework with a focus on simplicity](https://jestjs.io/)
- [`Chai` - BDD / TDD assertion library for node and the browser](https://www.chaijs.com/)
- [`Testing Library` - Simple and complete testing utilities](https://testing-library.com/)
- [`Cypress` - Fast, easy and reliable testing for anything that runs in a browser](https://www.cypress.io/)
- [`Nightwatch.js` - End-to-end testing, the easy way](https://nightwatchjs.org/)
- [`Jasmine` - Behavior-Driven JavaScript](https://jasmine.github.io/)
- [`Mocha` - feature-rich JavaScript test framework running on Node.js and in the browser](https://mochajs.org/)
- [`Karma` - Test on Real Devices, Testing Framework Agnostic](https://karma-runner.github.io/latest/index.html)
- [`QUnit` - Easy-to-use JavaScript testing framework](https://qunitjs.com/)
- [`Testcafe` - A Node.js tool to automate end-to-end web testing](https://devexpress.github.io/testcafe/)
### :dvd: Bundler
- [`Turbo` - Turbo is an incremental bundler and build system](https://turbo.build/)
- [`Parcel` - Blazing fast, zero configuration web application bundler](https://parceljs.org/)
- [`Rollup` - Rollup is a module bundler for JavaScript](https://rollupjs.org/guide/en/)
- [`Webpack` - Webpack is a static module bundler for modern JavaScript applications](https://webpack.js.org/)
- [`Snowpack` - Snowpack is a lightning-fast frontend build tool, designed for the modern web](https://www.snowpack.dev/)
- [`Terser` - JavaScript parser, mangler and compressor toolkit for ES6+](https://terser.org/)
- [`Esbuild` - An extremely fast JavaScript bundler](https://esbuild.github.io/)
- [`Uglify` - UglifyJS is a JavaScript compressor/minifier written in JavaScript](http://lisperator.net/uglifyjs/)
### :hammer_and_wrench: Utilities
- [`Lodash` - JavaScript utility library delivering modularity, performance & extras](https://lodash.com/)
- [`Underscore` - JavaScript library that provides a whole mess of useful functional programming](https://underscorejs.org/)
- [`Joi` - The most powerful schema description language and data validator for JavaScript](https://github.com/sideway/joi)
- [`Superstruct` - Composable way to validate data in JavaScript](https://github.com/ianstormtaylor/superstruct)
- [`Zod` - TypeScript-first schema validation with static type inference](https://github.com/colinhacks/zod)
- [`Yup` - Dead simple Object schema validation](https://github.com/jquense/yup)
- [`Fusejs` - Fuse.js is a powerful, lightweight fuzzy-search library, with zero dependencies](https://fusejs.io/)
- [`Miragejs` - Create your API on your Frontend](https://miragejs.com/)
- [`Mswjs` - API mocking of the next generation](https://mswjs.io/)
- [`React Table` - Data tables for React](https://react-table.tanstack.com/)
- [`React Hook Form` - Performant, flexible and extensible forms with easy-to-use validation](https://react-hook-form.com/)
- [`Formik` - Form library for React and React Native](https://formik.org/)
- [`Redux Form` - Manage your form state in Redux](https://redux-form.com/)
- [`React Table` - Lightweight and extensible data tables for React](https://react-table.tanstack.com/)
- [`Date-fns` - Modern JavaScript date utility library](https://date-fns.org/)
- [`Dayjs` - Fast 2kB alternative to Moment.js with the same modern API](https://day.js.org/)
- [`Mathjs` - An extensive math library for JavaScript and Node.js](https://mathjs.org/)
- [`Momentsjs` - Parse, validate, manipulate, and display dates and times in JavaScript](https://momentjs.com/)
- [`Luxon` - A powerful, modern, and friendly wrapper for Javascript dates and times](https://moment.github.io/luxon/)
- [`Sugar` - Javascript utility library for working with native objects](https://sugarjs.com/)
- [`Browserify` - Browserify lets you require('modules') in the browser](http://browserify.org/)
- [`Clusterizejs` - Tiny plugin to display large data sets easily](https://clusterize.js.org/)
- [`React DnD` - Beautiful and accessible drag and drop for lists with React](https://github.com/atlassian/react-beautiful-dnd)
- [`React-use` - Collection of React Hooks](https://github.com/streamich/react-use)
- [`React-dropzone` - Drag'n'drop zone for files](https://react-dropzone.js.org/)
- [`Revealjs` - Create Stunning Presentations on the Web](https://revealjs.com/)
- [`Chalk` - Terminal string styling done right](https://github.com/chalk/chalk)
- [`Axios` - Promise based HTTP client for the browser and node.js](https://github.com/axios/axios)
- [`Swr` - React Hooks library for data fetching](https://swr.vercel.app/)
- [`React Query` - Performant and powerful data synchronization for React](https://react-query.tanstack.com/)
- [`Unfetch` - Bare minimum 500b fetch polyfill](https://github.com/developit/unfetch)
- [`Node-fetch` - A light-weight module that brings Fetch API to Node.js](https://github.com/node-fetch/node-fetch)
- [`React Gesture` - Utility for component-tied mouse/touch gestures in React](https://github.com/pmndrs/react-use-gesture)
- [`React Fullpage` - Create fullpage with easy, React.js wrapper for fullPage.js](https://github.com/alvarotrigo/react-fullpage)
- [`RequireJS` - RequireJS is a JavaScript file and module loader](https://requirejs.org/)
- [`Prism-React-Renderer` - Renders highlighted Prism output to React (+ theming & vendored Prism)](https://github.com/FormidableLabs/prism-react-renderer)
- [`React Live` - A flexible playground for live editing React components](https://github.com/FormidableLabs/react-live)
- [`Got` - Human-friendly and powerful HTTP request library for Node.js](https://github.com/sindresorhus/got)
### :globe_with_meridians: Browser
- [` Local storage` - React hook that persists data in local storage](https://github.com/astoilkov/use-local-storage-state)
### :rainbow: Design System
- [`Material-UI` - React components for faster and easier web development](https://material-ui.com/)
- [`Tailwindcss` - A utility-first CSS framework](https://tailwindcss.com/)
- [`Bulma` - CSS framework based on Flexbox](https://bulma.io/)
- [`Chakra-UI` - Build accessible React apps & websites with speed](https://chakra-ui.com/)
- [`Styled components` - Visual primitives for the component age](https://styled-components.com/)
- [`Sass-lang` - Sass is the most mature, stable, and powerful professional grade CSS](https://sass-lang.com/)
- [`Styled-system` - Style props for rapid UI development](https://styled-system.com/)
- [`Bootstrap` - Build fast, responsive sites with Bootstrap](https://getbootstrap.com/)
- [`Milligram` - A minimalist CSS framework](https://milligram.io/)
- [`Semantic-UI` - User Interface is the language of the web](https://semantic-ui.com/)
- [`UIKit` - A lightweight and modular front-end framework](https://getuikit.com/)
- [`Materialize` - Responsive front-end framework based on Material Design](https://materializecss.com/)
- [`Skeleton` - A dead simple, responsive boilerplate](http://getskeleton.com/)
- [`Foundation` - The most advanced responsive front-end framework](https://get.foundation/)
- [`Susy` - Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available](https://www.oddbird.net/susy/)
- [`Purecss` - A set of small, responsive CSS modules](https://purecss.io/)
- [`Picnicss` - Lightweight and beautiful library](https://picnicss.com/)
- [`Papercss` - The less formal CSS framework](https://www.getpapercss.com/)
- [`Tamagui` - Styles React Native and Web Consistency](https://tamagui.dev/)
- [`Headless UI` - Completely unstyled, fully accessible UI components](https://headlessui.com/)
### :chart: Chart
- [`Chartjs` - Simple yet flexible JavaScript charting for designers & developers](https://www.chartjs.org/)
- [`D3` - JavaScript library for manipulating documents based on data](https://d3js.org/)
- [`Apexchart` - Modern & Interactive Open-source Charts](https://apexcharts.com/)
- [`Fusioncharts` - Build beautiful web & mobile dashboards](https://www.fusioncharts.com/)
- [`Canvasjs` - Beautiful HTML5 Charts & Graphs](https://canvasjs.com/)
- [`Recharts` - A composable charting library built on React components](http://recharts.org/en-US/)
- [`Chartistjs` - Simple responsive chart](http://gionkunz.github.io/chartist-js/)
- [`Highcharts` - Make your data come alive](https://www.highcharts.com/)
- [`Plotly` - Plotly JavaScript Open Source Graphing Library](https://plotly.com/javascript/)
- [`Googlechart` - Display live data on your site](https://developers.google.com/chart/)
- [`Sigmajs` - Sigma is a JavaScript library dedicated to graph drawing](http://sigmajs.org/)
- [`Morrisjs` - Good-looking charts shouldn't be difficult](http://morrisjs.github.io/morris.js/)
- [`Cytoscapejs` - Graph theory (network) library for visualisation and analysis](https://js.cytoscape.org/)
- [`Plottable` - Flexible, interactive charts for the web](http://plottablejs.org/)
- [`Amcharts` - JavaScript Charts & Maps](https://www.amcharts.com/)
- [`Zingchart` - 50+ built-in chart types & modules](https://www.zingchart.com/)
### :ear_of_rice: Animation
- [`React-spring` - components to life with simple spring animation primitives](https://www.react-spring.io/)
- [`Framer Motion` - A production-ready motion library for React](https://www.framer.com/motion/)
- [`Greensock` - Professional-grade JavaScript animation for the modern web](https://greensock.com/gsap/)
- [`React-gsap` - react-gsap lets you use the GreenSock Animation Platform (GSAP) in React](https://bitworking.github.io/react-gsap/)
- [`Animejs` - Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API](https://animejs.com/)
- [`Threejs` - 3D animations on the browser, using WebGL in an intuitive way](https://threejs.org/)
- [`Mojs` - Screen density independent effects look good on any device](https://mojs.github.io/)
- [`Swiperjs` - Touch slider with hardware accelerated transitions](https://swiperjs.com/)
- [`Popmotion` - The animate function is less than 5kb, and every utility function is individually importable](https://popmotion.io/)
- [`ScrollReveal` - Easily animating elements as they enter/leave the viewport](https://scrollrevealjs.org/)
- [`HoverCss` - CSS3 powered hover effects](http://ianlunn.github.io/Hover/)
- [`Typedjs` - Type your heart out, with Typed.js](https://mattboldt.com/demos/typed-js/)
- [`React-typed` - A react wrapper for typed.js](https://github.com/ssbeefeater/react-typed)
- [`Kutejs` - Developed with latest technology and modular design](https://thednp.github.io/kute.js/index.html)
- [`Spicr` - Component featuring multi-layer slider and carousel](https://thednp.github.io/spicr/)
- [`Animatecss` - Just-add-water CSS animations](https://animate.style/)
- [`React Hot Toast` - Smoking hot React notifications](https://react-hot-toast.com/)
- [`React FAST Marquee` - A lightweight React component that utilizes the power of CSS animations to create silky smooth marquees](https://www.react-fast-marquee.com/)
- [`React Flip Move` - Animating a list of items when the listβs order changes](https://joshwcomeau.github.io/react-flip-move/)
- [`AutoAnimate` - Add motion to your apps with a single line of code](https://auto-animate.formkit.com/)
- [`AnimXYZ` - composable CSS animation toolkit](https://animxyz.com/)
- [`WowJS` - Reveal Animations When You Scroll](https://wowjs.uk/)
- [`Floating UI` - A JavaScript library for anchor positioning](https://floating-ui.com/)
### :steam_locomotive: Template Engine
- [`Liquidjs` - A simple, expressive and safe template engine](https://liquidjs.com/)
- [`Mustache.js` - Minimal templating with {{mustaches}} in JavaScript](https://github.com/janl/mustache.js)
- [`Handlebars` - Minimal templating on steroids](https://handlebarsjs.com/)
- [`Ejs` - Embedded JavaScript templating](https://ejs.co/)
- [`Nunjucks` - A rich and powerful templating language for JavaScript](https://mozilla.github.io/nunjucks/)
- [`doT.js` - Concise javascript template engine for Node.js and browsers](https://olado.github.io/doT/)
- [`Pug` - Pug β robust, elegant, feature rich template engine for Node.js](https://pugjs.org/api/getting-started.html)
- [`Hogan.js` - JavaScript templating from Twitter](https://twitter.github.io/hogan.js/)
- [`Swig` - A simple, powerful, and extendable JavaScript Template Engine](https://node-swig.github.io/swig-templates/)
- [`Marko.js` - Bringing back progressive HTML rendering to the masses](https://markojs.com/)
- [`Jade` - Node Template Engine](https://jade-lang.com/)
- [`JsRender` - Simple and intuitive, powerful and extensible, lightning fast](https://www.jsviews.com/#jsrender)
- [`SquirrellyJS` - Powerful, lightweight, pluggable JS template engine](https://squirrelly.js.org/)
### :computer: Server
- [`Expressjs` - Fast, unopinionated, minimalist web framework for Node.js](https://expressjs.com/)
- [`Koajs` - Koa is a new web framework designed by the team behind Express](https://koajs.com/)
- [`Meteor` - Meteor is an open source platform for web, mobile, and desktop](https://www.meteor.com/)
- [`Sails` - The MVC framework for Node.js](https://sailsjs.com/)
- [`PM2` - PM2 is a daemon process manager that will help you manage and keep your application online 24/7](https://pm2.keymetrics.io/)
- [`Grpc` - Universal RPC framework](https://grpc.io/)
- [`Async` - Async is a utility module JavaScript](http://caolan.github.io/async/)
- [`Grunt` - JavaScript Task Runner](https://gruntjs.com/)
- [`Socketio` - Realtime engine](https://socket.io/)
- [`Cheerio` - Fast, flexible, and lean implementation of core jQuery designed specifically for the server](https://cheerio.js.org/)
- [`Puppeteer` - Provides a high-level API to control Chrome or Chromium over the DevTools Protocol](https://pptr.dev/)
- [`Hapi` - The Simple, Secure Framework Developers Trust](https://hapi.dev/)
- [`Nodemailer` - Nodemailer is a module for Node.js applications to allow easy as cake email sending](https://nodemailer.com/about/)
- [`Morgan` - HTTP request logger middleware for node.js](https://github.com/expressjs/morgan)
- [`Dotenv` - Loads environment variables from .env for nodejs projects](https://github.com/motdotla/dotenv)
- [`Fakerjs` - Generate massive amounts of realistic fake data in Node.js and the browser](https://github.com/marak/Faker.js/)
- [`Multer` - Node.js middleware for handling multipart/form-data](https://github.com/expressjs/multer)
- [`Restify` - Node.js REST development](http://restify.com/)
- [`Http-errors` - Create HTTP Errors](https://github.com/jshttp/http-errors)
- [`Cors` - Node.js CORS middleware](https://github.com/expressjs/cors)
- [`Body-parser` - Node.js body parsing middleware](https://github.com/expressjs/body-parser)
### :closed_lock_with_key: Security
- [`Passport` - Simple, unobtrusive authentication for Node.js](http://www.passportjs.org/)
- [`JSON Web Token` - Standard RFC 7519 method for representing claims securely between two parties](https://jwt.io/)
- [`Accountsjs` - Fullstack authentication and accounts-management for Javascript](https://www.accountsjs.com/)
- [`Helmet` - Express.js security with HTTP headers](https://helmetjs.github.io/)
- [`Cryptojs` - JavaScript library of crypto standards](https://github.com/brix/crypto-js)
- [`Next Auth` - Authentication for Next.js](https://next-auth.js.org/)
### :newspaper: Database ORM and Query Builder
- [`TypeORM` - TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native](https://typeorm.io/)
- [`Prisma` - Modern Database Access for TypeScript & Node.js](https://www.prisma.io/)
- [`Objectionjs` - An SQL-friendly ORM for Node.js](https://vincit.github.io/objection.js/)
- [`Knexjs` - SQL query builder for Postgres, MSSQL, MySQL, MariaDB, SQLite3, Oracle, and Amazon Redshift](http://knexjs.org/)
- [`Sequelize` - promise-based Node.js ORM for Postgres, MySQL, MariaDB, SQLite and Microsoft SQL Server](https://sequelize.org/)
- [`Sails` - Any database, Auto-generated REST APIs, Easy WebSocket integration etc](https://sailsjs.com/)
- [`Bookshelfjs` - JavaScript ORM for Node.js, built on the Knex](https://bookshelfjs.org/)
- [`Mongoosejs` - Elegant mongodb object modeling for node.js](https://mongoosejs.com/)
- [`Mikro-orm` - TypeScript ORM for Node.js based on Data Mapper](https://mikro-orm.io/)
### :incoming_envelope: Command Line Interface
- [`Commanderjs` - The complete solution for node.js command-line interfaces](https://github.com/tj/commander.js)
- [`Oclif` - Create command line tools your users love](https://oclif.io/)
- [`Hygen` - The scalable code generator that saves you time](http://www.hygen.io/)
- [`Yeoman` - Yeoman helps you to kickstart new projects](https://yeoman.io/)
## :yum: How to contribute
Have an idea? Found a bug? See [how to contribute][contributing].
## :scroll: License
[MIT][license] Β© [Eka Prasetia][website]
[website]: https://www.ekapm.dev/
[contributing]: https://github.com/ekaone/contribute
[license]: https://en.wikipedia.org/wiki/MIT_License
[ama]: https://github.com/ekaone/ama