Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sajmoni/awesome-web-dev

A list of awesome tools, libraries and apps for web developers
https://github.com/sajmoni/awesome-web-dev

List: awesome-web-dev

Last synced: about 1 month ago
JSON representation

A list of awesome tools, libraries and apps for web developers

Awesome Lists containing this project

README

        

# awesome-web-dev

> A list of awesome tools, libraries and apps for web developers

## Index

- [:books: Libraries](#books-libraries)
- [Universal](#universal)
- [valtio](#valtio)
- [immer](#immer)
- [remeda](#remeda)
- [nanoid](#nanoid)
- [type-fest](#type-fest)
- [ts-extras](#ts-extras)
- [debug](#debug)
- [xstate](#xstate)
- [zod](#zod)
- [faker](#faker)
- [scule](#scule)
- [Browser](#browser)
- [pixi.js](#pixijs)
- [tinykeys](#tinykeys)
- [modern-normalize](#modern-normalize)
- [Node](#node)
- [fs-extra](#fs-extra)
- [ink](#ink)
- [chalk](#chalk)
- [execa](#execa)
- [listr2](#listr2)
- [cfonts](#cfonts)
- [cosmiconfig](#cosmiconfig)
- [conf](#conf)
- [trpc](#trpc)
- [fastify](#fastify)
- [tempy](#tempy)
- [cac](#cac)
- [tsx](#tsx)
- [env-cmd](#env-cmd)
- [React](#react)
- [redux-toolkit](#redux-toolkit)
- [react-flow](#react-flow)
- [react-virtuoso](#react-virtuoso)
- [styled-components](#styled-components)
- [floating-ui](#floating-ui)
- [:wrench: JS/TS Tooling](#wrench-jsts-tooling)
- [vite](#vite)
- [vitest](#vitest)
- [np](#np)
- [knip](#knip)
- [jscpd](#jscpd)
- [:computer: Terminal](#computer-terminal)
- [tig](#tig)
- [autojump](#autojump)
- [pure](#pure)
- [zsh-syntax-highlighting](#zsh-syntax-highlighting)
- [zsh-autosuggestions](#zsh-autosuggestions)
- [:postbox: Services](#postbox-services)
- [netlify](#netlify)
- [:iphone: Apps](#iphone-apps)
- [hyper](#hyper)
- [hammerspoon](#hammerspoon)
- [Gifski](#gifski)
- [Sizzy (:moneybag:)](#sizzy-moneybag)
- [aseprite (:moneybag:)](#aseprite-moneybag)
- [Deckset (:moneybag:)](#deckset-moneybag)

---

## :books: Libraries

### Universal

#### [valtio](https://github.com/pmndrs/valtio)

> ๐Ÿ’Š Valtio makes proxy-state simple for React and Vanilla

#### [immer](https://github.com/immerjs/immer)

> Create the next immutable state by mutating the current one

#### [remeda](https://github.com/remeda/remeda)

> A utility library for JavaScript and TypeScript.

#### [nanoid](https://github.com/ai/nanoid)

> A tiny (130 bytes), secure, URL-friendly, unique string ID generator for JavaScript

#### [type-fest](https://github.com/sindresorhus/type-fest)

> A collection of essential TypeScript types

#### [ts-extras](https://github.com/sindresorhus/ts-extras)

> Essential utilities for TypeScript projects

#### [debug](https://github.com/debug-js/debug)

> A tiny JavaScript debugging utility modelled after Node.js core's debugging technique

#### [xstate](https://github.com/statelyai/xstate)

> State machines and statecharts for the modern web

#### [zod](https://github.com/colinhacks/zod)

> TypeScript-first schema validation with static type inference

#### [faker](https://github.com/faker-js/faker)

> Generate massive amounts of fake data in the browser and node.js

#### [scule](https://github.com/unjs/scule)

> ๐Ÿงต String Case Utils

### Browser

#### [pixi.js](https://github.com/pixijs/pixijs)

> The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer

#### [tinykeys](https://github.com/jamiebuilds/tinykeys)

> A tiny (~400 B) & modern library for keybindings

#### [modern-normalize](https://github.com/sindresorhus/modern-normalize)

> ๐Ÿ’ Normalize browsers' default style

### Node

#### [fs-extra](https://github.com/jprichardson/node-fs-extra)

> Node.js: extra methods for the fs object like copy(), remove(), mkdirs()

#### [ink](https://github.com/vadimdemedes/ink)

> ๐ŸŒˆ React for interactive command-line apps

#### [chalk](https://github.com/chalk/chalk)

> ๐Ÿ– Terminal string styling done right

#### [execa](https://github.com/sindresorhus/execa)

> Process execution for humans

#### [listr2](https://github.com/cenk1cenk2/listr2)

> NodeJS Task List derived from the best! Create beautiful CLI interfaces via easy and logical to implement task lists that feel alive and interactive

#### [cfonts](https://github.com/dominikwilkowski/cfonts)

> Sexy fonts for the console

#### [cosmiconfig](https://github.com/davidtheclark/cosmiconfig)

> Find and load configuration from a package.json property, rc file, or CommonJS module

#### [conf](https://github.com/sindresorhus/conf)

> Simple config handling for your app or module

#### [trpc](https://github.com/trpc/trpc)

> ๐Ÿง™โ€โ™€๏ธ Move Fast and Break Nothing. End-to-end typesafe APIs made easy

#### [fastify](https://github.com/fastify/fastify)

> Fast and low overhead web framework, for Node.js

#### [tempy](https://github.com/sindresorhus/tempy)

> Get a random temporary file or directory path

#### [cac](https://github.com/cacjs/cac)

> Simple yet powerful framework for building command-line apps

#### [tsx](https://github.com/esbuild-kit/tsx)

> โšก๏ธ TypeScript Execute (tsx): Node.js enhanced with esbuild to run TypeScript & ESM

#### [env-cmd](https://github.com/toddbluhm/env-cmd)

> Setting environment variables from a file

### React

#### [redux-toolkit](https://github.com/reduxjs/redux-toolkit)

> The official, opinionated, batteries-included toolset for efficient Redux development

#### [react-flow](https://github.com/wbkd/react-flow)

> Highly customizable library for building interactive node-based UIs, editors, flow charts and diagrams

#### [react-virtuoso](https://github.com/petyosi/react-virtuoso)

> The most powerful virtual list component for React

#### [styled-components](https://github.com/styled-components/styled-components)

> Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐Ÿ’…

#### [floating-ui](https://github.com/floating-ui/floating-ui)

> A low-level toolkit to create floating elements. Tooltips, popovers, dropdowns, and more

## :wrench: JS/TS Tooling

#### [vite](https://github.com/vitejs/vite)

> Next generation frontend tooling. It's fast!

#### [vitest](https://github.com/vitest-dev/vitest)

> A Vite-native test framework. It's fast!

#### [np](https://github.com/sindresorhus/np)

> A better `npm publish`

#### [knip](https://github.com/webpro/knip)

> โœ‚๏ธ Find unused files, dependencies and exports in your JavaScript and TypeScript projects. Knip it before you ship it!

#### [jscpd](https://github.com/kucherenko/jscpd)

> Copy/paste detector for programming source code

## :computer: Terminal

#### [tig](https://github.com/jonas/tig)

> Text-mode interface for git

#### [autojump](https://github.com/wting/autojump)

> A cd command that learns - easily navigate directories from the command line

#### [pure](https://github.com/sindresorhus/pure)

> Pretty, minimal and fast ZSH prompt

#### [zsh-syntax-highlighting](https://github.com/zsh-users/zsh-syntax-highlighting)

> Fish shell like syntax highlighting for Zsh

#### [zsh-autosuggestions](https://github.com/zsh-users/zsh-autosuggestions)

> Fish-like autosuggestions for zsh

## :postbox: Services

#### [pkg-size](https://pkg-size.dev/)

> Find the true size of an npm package

#### [netlify](https://www.netlify.com/)

> Build the future of the web

## :iphone: Apps

:moneybag: = paid only

#### [hyper](https://github.com/vercel/hyper)

> A terminal built on web technologies

#### [hammerspoon](https://github.com/Hammerspoon/hammerspoon)

> Staggeringly powerful macOS desktop automation with Lua

#### [Gifski](https://sindresorhus.com/gifski)

> Convert videos to high-quality GIFs

#### [Sizzy](https://sizzy.co/) (:moneybag:)

> The browser for developers

#### [aseprite](https://www.aseprite.org/) (:moneybag:)

> Animated sprite editor & pixel art tool

#### [Deckset](https://www.deckset.com/) (:moneybag:)

> Deckset designs your slides, so you can focus on your ideas