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
Last synced: about 13 hours ago
JSON representation
-
Really useful tools
- Transform.tools - to-typescript) to convert JSON to TypeScript interfaces
- JSON Editor Online
- Epoch Convert
- CopyChar
- 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
- Squoosh
- Unicode code converter
- svgomg
- URL-encoder for SVG
- JSON Editor Online
-
📦 Finding and vetting npm packages
- 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
- modern-css-reset - bones CSS reset for modern web development
- CSSFX - to-copy CSS effects
- Shape Divider App
- Snyk
- CSSFX - to-copy CSS effects
- emma
- npmvet
- Bundlephobia
- npms
- pika
- Absolute centering
-
CSS-in-JS
- Stitches - in-JS with near-zero runtime
- vanilla-extract - runtime Stylesheets-in-TypeScript
- Styled Components - in-JS for React
- Emotion - in-JS library
- goober - in-js solution
- Polished
- xstyled - components 💅
- Theme UI - based design principles
-
Useful JS links
-
Framework agnostic packages
-
General utilities
- Lodash
- tradeoffs document
- evt
- length.js
- action-outside
- compute-scroll-into-view
- words
- clack
- clack-react
- cuid - resistant ids optimized for horizontal scaling and performance
- xstate
-
Node
-
Media and Images
-
Date
-
Carousels
-
Animation
-
Immutable
-
-
⚛️ React
-
Polyfills
-
React-specific libs:
- react-router
- Reach Router
- react-fns
- downshift
- swr
- Hooks.Guide
- useHooks
- beautiful-react-hooks - up your components and hooks development 🔥
- Rooks
- downshift
- Hooks.Guide
- react-fns
- Hooks.Guide
- formik
- Framer Motion - ready animations. Design fluid animations for the web, across desktop and mobile
-
State management
-
Server-rendered React
- Next.js - Framework for server-rendered or statically-exported React apps
-
-
Static site generators
-
Microservices/Serverless
-
Server-rendered React
-
-
TypeScript
-
Server-rendered React
- typescriptlang.org
- What's new in TypeScript
- TypeScript Deep Dive
- TypeScript Evolution
- JSON to Typescript Interface
- react-typescript-cheatsheet
- Fish shell - friendly command line shell
- awesome-fish
- Starship - Shell Prompt
- TypeScript Deep Dive
- react-typescript-cheatsheet
-
-
CLI apps
-
Server-rendered React
-
-
Code bundlers
-
Package management and publishing
-
Server-rendered React
- Dependabot - to-date
- npm-config
-
-
Commit hooks
-
Server-rendered React
-
-
Code formatting and linting
-
Server-rendered React
-
-
Miscellaneous
-
GraphQL
-
Icons
-
Server-rendered React
-
-
SVG/Image Media compression
-
Performance testing and monitoring
-
Server-rendered React
-
-
A11y tools and resources:
-
Server-rendered React
-
A11y Chrome extensions
- Accessibility Insights for Web
- Color Contrast Analyzer
- NoCoffee - related issues
- HTTP Status Codes
-
-
Continuous integration
-
Hosting
-
Domains
-
A11y Chrome extensions
-
-
Typography
-
A11y Chrome extensions
-
-
VS Code
-
A11y Chrome extensions
-
-
Programming fonts
-
A11y Chrome extensions
-
-
Code colour schemes
-
A11y Chrome extensions
-
-
Uncategorized
-
Uncategorized
- DevHints
- Badgen
- Shields.io - flare-green.svg?style=flat-square) to your documentation/readmes
- Git Flight Rules
- browser-2020
-
Programming Languages
Categories
Framework agnostic packages
21
⚛️ React
21
📦 Finding and vetting npm packages
20
Really useful tools
18
A11y tools and resources:
17
GraphQL
16
Miscellaneous
11
SVG/Image Media compression
11
TypeScript
11
Performance testing and monitoring
10
Commit hooks
9
CSS-in-JS
8
Useful JS links
8
Code colour schemes
8
Icons
6
Code bundlers
6
Uncategorized
5
Continuous integration
3
Typography
3
VS Code
3
Code formatting and linting
3
Static site generators
2
Programming fonts
2
Package management and publishing
2
CLI apps
2
Hosting
2
Domains
1
Microservices/Serverless
1
Sub Categories
Keywords
awesome
3
awesome-list
3
cli
3
npm
2
list
2
cli-app
1
algolia
1
url-encoder
1
svg
1
vscode-theme
1
vscode-extension
1
vscode
1
visualstudio
1
visual-studio-code-theme
1
visual-studio-code-extension
1
visual-studio-code
1
visual-studio
1
wcag
1
wai-aria
1
assistive-technology
1
accessibility
1
a11y
1
redux
1
devarchy
1
render-props
1
react-native
1
react-hooks
1
react
1
hooks
1
higher-order-component
1
forms
1
formik
1
form
1
vet
1
versions
1
version
1
packages
1
package
1
ci-automation
1
ci
1
checking
1
checker
1
yarn
1
terminal
1