Skip to content

Latest commit

 

History

History
264 lines (167 loc) · 15.5 KB

README.md

File metadata and controls

264 lines (167 loc) · 15.5 KB
Raw

Here you will find a list of different tooling libraries.

We would love to know which tooling library you think deserves to be included in our list. If you'd like to contribute, please see our contributing guidelines.

Table of Contents

Web Development

API's

Accessibility

Security

State Management

Miscellaneous

Design System

Dev Tools

Web Development

  • bit.dev is an open-source toolchain for component-driven software. Instead of building an application that consists of individually created components, Bit provides examples of components that can be quickly used to build any application via any front-end framework.

  • Chrome Dev Tools is web developer tooling built into the Chrome browser.

  • Create React App is a popular boilerplate to generate React projects.

  • Neovim is an open-source text editor based in Vim, a highly configurable editor built to make creating and changing any kind of text very efficient.

  • Nx is a smart, fast and extensible build system, which is based in the Angular community, with first-class monorepo support libraries and powerful integrations.

  • React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows one to inspect the React component hierarchies in the Chrome Developer Tools.

  • Responsively is a modified browser designed to make responsive web development much easier and faster.

  • Selector Gadget is an open-source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze.

  • Serverless is a framework that can be used to generate/deploy backend projects with AWS Lambda.

  • Storybook is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.

  • Turborepo is a smart build system for JavaScript/TypeScript monorepos: codebases containing multiple projects, often using multiple frameworks, in a single, unified code repository.

  • Visual Studio Code is an open-source code editor that runs everywhere and allows you to do anything from debugging code to inputting Git commands or creating Sass code.

  • Vite is a boilerplate to generate front-end projects that support many JavaScript frameworks.

  • Vue.js Devtools is an open-source extension for the Vue.js framework. It allows you to debug Vue.js applications in the browser developer tools.

  • Web Developer is a Chrome extension that can be added to the browser that contains a toolbar button with various web developer tools.

  • Webhook lets you easily inspect, test and automate (with the visual Custom Actions builder, or WebhookScript) any incoming HTTP request or e-mail.

APIs

  • Hasura provides an instant real-time GraphQL APIs engine. It makes data instantly accessible over a real-time GraphQL API, enabling one to build and ship modern apps and APIs much faster. Hasura connects to databases, REST servers, GraphQL servers, and third-party APIs to provide a unified GraphQL API, to be precise, an instant real-time GraphQL API across all one's data sources.

  • HoppScotch is a lightweight open-source API development tool that runs smoothly and looks beautiful.

  • HTTPie is a friendly tool for consuming APIs (and making HTTP requests in general) through CLI.

  • Insomnia is an open-source framework developing/testing API clients. It can be used to send REST, SOAP, GraphQL and GRPC requests. With this tool, it is possible to carry out documentation, and automation and with its CLI tools version, it is possible to implement pipeline tests.

    • Linx is an low-code developer IDE and Server for the development and deployment of backend applications. Developers build and debug solutions in a familiar procedural style using 100s of ready made functions, services and types. Solutions are deployed with one click to servers running in the cloud or on-premise.

  • Postman is a platform for building and using APIs.

  • REST-assured is the tool of choice for most web devs working with Java. REST-assured enables one to test and validate REST services

  • Sandbox helps to accelerate the API development process and quickly mock SOAP web services and RESTful API. With Sandbox, you can generate from instant deployment, debugging tools for integration, API definitions, and collaborative build.

  • SoapUI is a testing tool for APIs.

  • Strapi is an open-source CMS (Content Management System) with a beautiful and fully customizable dashboard. Build your APIs faster (REST or GraphQL) and manage your content easily.

Accessibility

  • axe: is a digital accessibility toolkit providing efficient accessibility testing and coverage for your testing needs. It is based on the popular accessibility testing library axe-core and is also available as a Chrome Extension. It is a digital accessibility toolkit providing efficient accessibility testing and coverage for your testing needs.

  • LERA is an automated Accessibility testing and reporting tool that provides you with an in-depth report of your website’s accessibility issues. It’s FREE for everyone to use (and requires no credit card information). LERA is the only fully automated online tool that provides both Accessibility Audits and Reporting for free.

Security

  • BurpSuite is a web vulnerability scanner for automated testing, mapping, analysis, and security.

  • Datadog is a monitoring and security platform for cloud applications.

  • Nmap is a network exploration tool and security/port scanner.

  • Sentry is similar to Datadog, it is a crash reporting platform that provides you with "real-time insight into production deployments with info to reproduce and fix crashes". It notifies one of the exceptions or errors that users run into while using the app and organizes them for you on a web dashboard.

  • WireShark is a network protocol analyzer.

State Management

  • Akita is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Store model.

  • Elf is a reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it. Elf encourages simplicity. It saves you the hassle of creating boilerplate code and offers powerful tools with a moderate learning curve, suitable for experienced and inexperienced developers alike.

  • MobX is a state management library utilizing functional reactive programming.

  • NgRx provides reactive state management for Angular apps inspired by Redux. It unifies the events in an application and derives the state using RxJS.

  • Redux is a library for implementing centralized state management for JavaScript apps.

  • XState uses finite state machines in JavaScript/TypeScript. Finite state machines can make state management more explicit and less of an ad hoc mess.

  • Vuex is a state management pattern and library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated predictably.

  • Pinia is a store library for Vue, it allows you to share a state across components/pages.

Package Managers

  • NPM (Node Package Manager) is a package manager that is part of Node.js. Allows you to install, uninstall and update dependencies in an application.

  • Yarn is a package manager that is a replacement for NPM. It is said to be faster and more secure than NPM.

Web Testing

  • Cypress is a purely JavaScript-based front-end testing tool built for the modern web. It addresses the pain points developers or QA engineers face while testing an application. It is well-documented and hosts a wide variety of tooling for various Javascript frameworks.

  • Jest is a JavaScript testing framework designed to ensure the correctness of any JavaScript codebase. It allows one to write tests with an approachable, familiar and feature-rich API that gives you results quickly. Jest is well-documented, requires little configuration and can be extended to match your requirements.

  • LambdaTest is a testing Run UI tests in the cloud across different browsers on real devices. Automated selenium testing for automated cross-browser testing. Offers a lifetime free plan.

  • Pattern Lab is a frontend testing automation environment enables that helps you build, view, test, and showcase your design system's UI components. It facilitates the usage of multiple testing solutions for various languages.

  • Puppeteer is a Node-based library for controlling Chrome for UI testing.

  • React Testing Library is a popular testing library for React applications that also comes with a Testing Playground.

  • Selenium is a browser automation software that allows programmatic sequences of clicks, scrolls, and typing on specific elements for testing websites.

  • Vitest is a Vite-native unit test framework that can be used on Vite.

Web Design

  • Figma is a design tool for UI/UX design

  • Framer is an awesome tool to empower you to create interactive, highly customisable prototypes with code

  • InVision is an online whiteboard and productivity platform powering the future of work.

  • Marvel is a design, prototype and wireframe software that you can use to create interfaces, interactive designs, user testing and work collaboratively.

  • Mockflow is a wireframe software that allows you to create an interface. It has several internal components and icons.

  • Protopie is a no-code creation tool used to create interactive prototypes for mobile, web, desktop or the Internet of Things (IoT).

  • Storybook is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.

Miscellaneous

  • GitHub is a web-based interface that uses Git, the open-source version control software that lets multiple people make separate changes to web pages at the same time.

  • Madge is a developer tool for generating a visual graph of the module dependencies, finding circular dependencies, and providing other useful info. Joel Kemp's awesome dependency tree is used for extracting the dependency tree.

  • Markdownlint is a Visual Studio Code extension for markdown that will lint and style check it. For example, rule MD041 suggests that markdown files start with top-level headings. A list of problems is generated on saving, and it offers guidance and automatic fixes. Turn off the rules you disagree with or write your own.

  • Miro is an online collaborative whiteboard platform to bring teams together, anytime, anywhere. It helps web developers manage the flow of software creation & bifurcating the workload into modules & connecting them with bridges.

  • Notion is one of the best note-taking app that allows one to create and organize notes, tasks, wikis, and databases. It is a great alternative to Evernote.

  • Small Dev Tools is a web-based resource with a variety of small, helpful tools. Examples include quick URL encoding/decoding, code formatters, lorem ipsum generation, and a markdown editor.

  • SourceTree is a graphical user interface (GUI for the cool kids) used to manage git-based repositories whether they are local or remotely hosted.

  • StackEdit is a browser-based markdown editor.

  • StackOverflow is one of the premier question-and-answer websites built for/by programmers and tech enthusiasts to provide solutions to queries posed.

  • Tiny Helpers is a collection of free single-purpose online tools for web developers... Examples include tools for CSS, Color, SVG, Accessibility, performance, Icons and many more.

  • Trello is a visual tool that empowers your team to manage any type of project, workflow, or task tracking. Add files, checklists, or even automation: customize it all for how your team works best.

  • Wappalyzer is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, e-commerce platforms, web frameworks, server software, analytics tools and many more.

Design System

  • Ant Design is a design system for enterprise-level products.

  • Bootstrap is the most popular tool for HTML, CSS and JS development.

  • Bulma is a free, open-source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

  • Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

  • Materalize is a modern responsive CSS framework based on Material Design by Google?

  • Semantic UI is an open-source UI framework.

  • Tailwind CSS is a utility-first CSS framework used to rapidly build custom user interfaces.