Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-web-dev-resources
👌 My collection of go-to web development resources
https://github.com/mrmartineau/awesome-web-dev-resources
- Devdocs.io
- DevHints
- Badgen
- Shields.io - flare-green.svg?style=flat-square) to your documentation/readmes
- Git Flight Rules
- browser-2020
- Bundlephobia
- Transform.tools - to-typescript) to convert JSON to TypeScript interfaces
- Unicode code converter
- svgomg
- JSON Editor Online
- Squoosh
- Epoch Convert
- CopyChar
- URL-encoder for SVG
- Tiny Helpers - purpose online tools for web developers...
- Whitespaces
- CSS2JS - in-JS](https://marketplace.visualstudio.com/items?itemName=paulmolluzzo.convert-css-in-js)https://marketplace.visualstudio.com/items?itemName=paulmolluzzo.convert-css-in-js
- Smooth Shadow
- Crontab.guru
- Key.js
- Glob tester
- HTML De-crapulator
- px-rem-em converter
- npms
- pika
- emma
- npmvet
- Bundlephobia
- Snyk
- runpkg
- CSS Tricks "Complete Guide to Flexbox"
- CSS Tricks "Complete Guide to Grid"
- Cubic bezier curve creator
- Ceaser
- CSS Triggers
- Fluid-responsive font-size calculator
- Browserhacks
- Absolute centering
- modern-css-reset - bones CSS reset for modern web development
- CSSFX - to-copy CSS effects
- Shape Divider App
- Stitches - in-JS with near-zero runtime
- vanilla-extract - runtime Stylesheets-in-TypeScript
- Styled Components - in-JS for React
- Emotion - in-JS library
- linaria - runtime CSS in JS library
- goober - in-js solution
- Design System Utils - end projects (made by me!)
- Polished
- styled-by
- xstyled - components 💅
- Theme UI - based design principles
- JS module import/export syntax
- JavaScript Event KeyCodes
- JavaScript Visualizer
- Does it mutate?
- jsPerf
- modern-js-cheatsheet
- HTML DOM
- Lodash
- Just - free utilities that do just do one thing (like Lodash but smaller)
- tradeoffs document
- tiny-get - weight lodash.get equivalent utility
- evt
- liteready
- passport
- get-size
- length.js
- action-outside
- select-dom
- memoizee
- memoize-one
- kind-of
- iterare
- eases-jsnext - bag of modular easing equations
- normalizr
- lazy-value
- fast-equals
- fast-copy
- compute-scroll-into-view
- arr
- timedstorage
- left-pad
- dont-go - side library with zero dependencies to change the title and/or favicon of the page when it is inactive
- always-done - in replacement for async-done - pass 100% of its tests plus more
- title
- words
- no-scroll
- libphonenumber-js
- text-mask
- msk
- focus-trap
- tinykeys
- clack
- clack-react
- js-humanize
- pupa
- sub-in - and-replace utility for strings in Javascript
- color-hash
- string-similarity
- cuid - resistant ids optimized for horizontal scaling and performance
- obj-str - in replacement for the classnames module
- clsx
- xstate
- tasktimer
- rough-notation - drawn annotations on a web page
- ouml
- is
- big.js - precision decimal arithmetic
- js-proper-url-join
- axios
- axios-retry
- redaxios
- cross-fetch
- awaity
- loadjs
- await-to-js - catch
- Fastify
- Express
- helmet
- reqresnext
- lusca
- cookie-session - based session middleware
- nodebestpractices
- dumper.js
- http-terminator
- uuid - compliant UUIDs in JavaScript
- http-errors
- boom - friendly error objects
- deno
- nanomatch
- yn
- ncp
- pino
- caterpillar
- cabin
- consola
- responsive-watch
- tornis
- actual
- images-loaded
- lazysizes
- sharp
- IMGIX - time image processing and image CDN
- date-fns
- tinydate
- tinytime
- scroll-watcher
- scrolldir
- Flickity
- Swiper
- ramjet
- anime
- GSAP
- Vanilla-tilt.js
- workerize
- greenlet - function version of workerize.
- immer
- use-immer
- unchanged
- seamless-immutable - compatible with normal JS Arrays and Objectsseamless-immutable`
- mutik
- fitty
- resize-observer-polyfill
- reactjs.org
- create-react-app
- react-app-rewired - react-app webpack configs without ejecting
- react-philosophies
- react-bits
- react-powerplug
- formik
- react-router
- Reach Router
- react-fns
- react-portal
- react-ideal-image
- react-adopt
- downshift
- react-loadable
- react-portal
- js-lingui: 🌍📖
- react-mq
- react-media
- merge-props
- react-uid - less container for generating UID for a11y, consistent react key, and any other good reason 🦄
- clsx
- Framer Motion - ready animations. Design fluid animations for the web, across desktop and mobile
- react-axe
- use-click-away
- react-tiny-virtual-list
- react-laag
- react-dnd
- swr
- Hooks.Guide
- useHooks
- beautiful-react-hooks - up your components and hooks development 🔥
- react-adaptive-hooks
- use-local-storage-state
- Rooks
- jotai
- zustand
- redux
- reselect
- redux-saga
- redux-saga-routines - saga
- redux-thunk
- awesome-redux
- parket - state-tree
- unstated
- mergeState
- effector
- Recoil
- Next.js - Framework for server-rendered or statically-exported React apps
- next-plugins
- Gatsby
- Eleventy
- micro
- awesome-micro
- typescriptlang.org
- What's new in TypeScript
- TypeScript Deep Dive
- TypeScript Evolution
- JSON to Typescript Interface
- react-typescript-cheatsheet
- clean-code-typescript
- type-fest
- Fish shell - friendly command line shell
- My fish_config
- awesome-fish
- Starship - Shell Prompt
- tide
- gluegun - powered CLIs
- inquirer
- commander - line interfaces made easy
- sade - line interface (CLI) applications for Node.js that are fast, responsive, and helpful!
- serve
- awesome-cli-apps
- SpaceVim - driven modular vim distribution - The ultimate vim configuration
- Vite
- esbuild
- swc - fast compiler written in rust; producing widely-supported javascript from modern standards and typescript
- preconstruct
- Webpack
- Webpack recipes
- ifdef-loader
- Parcel
- microbundle - configuration bundler for tiny modules
- rollup.js
- ncc - style.
- fastpack
- np
- size-limit
- bundlesize
- nps
- Dependabot - to-date
- npm-config
- patch-package
- madge
- lefthook
- husky
- lint-staged: 🚫💩
- lefthook
- Jest
- majestic
- jest-chain
- jest-extended
- snapshot-diff
- jest-date-mock
- Cypress - to-end testing
- cypress-testing-library
- cypress-axe - core
- start-server-and-test
- dom-testing-library
- react-testing-library 🐐
- react-testing-library
- react-hooks-testing-library
- Chance
- faker.js
- nock
- Stryker Mutator
- given2
- benny
- benchmark.js
- ui-testing-best-practices
- Prettier
- precise-commits
- pretty-quick
- Eslint
- eslint-plugin-prettier
- eslint-config-prettier
- eslint-plugin-react
- npm-run-all - scripts in parallel or sequential
- cross-port-killer
- envinfo
- mkcert - config tool to make locally trusted development certificates with any names you'd like
- Workbox
- CodeSandbox
- Codepen - React front-end demos and prototypes
- CodeShare
- Glitch
- Postman
- MockAPI
- jsonbin
- test-cors.org
- Reqres - API ready to respond to your AJAX requests
- Mirage JS
- Postwoman
- GraphQL Playground
- Apollo GraphQL
- Apollo Client (React)
- graphql-directives
- urql
- graphql-request
- graphql-lodash
- JSON generator
- JSON Editor Online
- fx - line tool and terminal JSON viewer 🔥
- github.com/joshbuchea/HEAD
- MetaTags.io
- HEY META
- Rich Link Preview
- A Practical Guide to SVGs on the web
- Get Waves
- Blobmaker
- flubber
- Hero Patterns
- ICONSVG
- Simple Icons
- React Icons
- Evil Icons
- Icon Font & SVG Icon Sets ❍ IcoMoon
- SVG PORN
- Feather
- react-feather
- System UIcons
- Squoosh
- SVGOMG
- Transform
- SVGR
- svg2jsx
- JSON to JavaScript object literal
- Unminify JS, CSS and HTML Code
- Multi-Encoder
- Unicode code converter
- Can I Use...
- Kangax JavaScript compatibility table
- Bundlephobia
- WebPageTest
- Lighthouse
- Calibre
- Website Speed Test Image Analysis Tool
- Subtract Guides
- Storybook
- react-styleguidist - Isolated React component development environment with a living style guide
- Docusaurus
- Docz
- design-system-utils - Design system framework for modern front-end projects
- Docute
- playroom
- Interactive WCAG
- awesome-a11y - related resources & information
- tenon.io
- a11yproject.com/checklist.html
- a11yproject.com
- w3.org/WAI/ER/tools/
- allyjs.io
- Four principles of Accessibility
- Aria landmarks example
- A11y Style-guide
- Inclusive Components
- Color contrast checker
- Accessible color palette builder
- Practical ARIA Examples
- Nutrition Cards for Accessible Components A11Y Expectations
- Web Accessibility Tutorials
- Accessibility Insights for Web
- Color Contrast Analyzer
- NoCoffee - related issues
- HTTP Status Codes
- CircleCI
- Bitrise
- Travis CI - source
- dockle - Practice Docker Image, Easy to start
- Vercel
- Netlify
- iwantmyname
- Modular Scale
- Adaptive Modular Scale
- Type Scale - A Visual Calculator
- My VS Code extensions
- My preferences
- awesome-vscode
- IBM Plex Mono
- iA-Fonts
- Input: Fonts for Code
- FiraCode
- fantasque-sans
- Jet Brains Mono
- Monokai Pro
- Ayu (Mirage)
- Dracula
- Oceanic Next Theme
- 🌌 Night Owl
- Nord
- VSCodeThemes
- themer
- Regex101
- Web Skills
Programming Languages
Keywords
javascript
38
react
32
nodejs
13
cli
12
typescript
8
redux
6
testing
6
css
6
reactjs
5
npm
5
node
5
performance
5
jest
5
npm-package
5
awesome
4
date
4
awesome-list
4
svg
4
react-native
4
css-in-js
3
hooks
3
render-props
3
json
3
middleware
3
webpack
3
http
3
list
3
react-hooks
3
font
3
cli-app
3
state
3
assertions
3
command-line
3
best-practices
3
a11y
3
snapshot
2
golang
2
go
2
matchers
2
rust
2
deno
2
security
2
accessibility
2
async
2
design
2
prettier
2
async-await
2
icons
2
linux
2
promise
2