/tech-dev-tooling

Developer tools

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 Toolchain for building applications from independent components. Instead of building an application that consists of lots of components, Bit builds lots of components that are composed to build many different applications.

  • Chrome Dev Tools Web developer tools built into the Chrome browser.

  • Create React App Create React App is a boiler plate to generate React projects.

  • Neovim 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 A smart, fast and extensible build system with first class monorepo support and powerful integrations.

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

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

  • Serverless Serverless is a framework to generate backend projects with AWS Lambda.

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

  • Turborepo 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 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 Vite is a boiler plate to generate front-end projects that supports many JavaScript frameworks.

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

  • Web Developer A Chrome extension that adds a toolbar button to the browser with various web developer tools.

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

APIs

  • Hasura Hasura gives you instant GraphQL & REST APIs on new & existing data sources. Connect Hasura to your data & get APIs in under a minute.

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

  • HTTPie Friendly tool for consuming APIs (and make HTTP requests in general) through CLI.

  • Insomnia 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, automation and with its CLI tools version it is possible to implement pipeline tests.

  • Postman Platform for building and using APIs.

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

  • Sandbox helps to accelerate 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 Testing tools for APIs

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

  • Hasura Hasura gives you instant GraphQL & REST APIs on new & existing data sources. Connect Hasura to your data & get APIs in under a minute.

Accessibility

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

  • 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 Web vulnerability scanner for automated testing, mapping, analysis, and security.

  • Datadog Monitoring and security platform for cloud applications.

  • Nmap Network exploration tool and security / port scanner.

  • WireShark Network protocol analyzer.

State Management

  • Akita 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 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 State management library utilizing functional reactive programming.

  • NgRx Provides reactive state management for Angular apps inspired by Redux. Unify the events in your application and derive state using RxJS.

  • Redux Library for implementing centralized state management for JavaScript apps.

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

  • Vuex Vuex is a state management pattern + 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 in a predictable fashion.

Package Managers

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

  • Yarn Package manager that is a replacement for NPM. It is faster and more secure than NPM.

Web Testing

  • Cypress A purely JavaScript-based front-end testing tool built for the modern web. It aims to address the pain points developers or QA engineers face while testing an application.

  • Jest Unit test framework for javascript that runs so fast, you can run them all every time the file is saved.

  • LambdaTest 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 A frontend workshop environment that helps you build, view, test, and showcase your design system's UI components.

  • Puppeteer Node library for controlling Chrome for UI testing.

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

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

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

Web Design

  • Figma A design tool for UI/UX design

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

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

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

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

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

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

Miscellaneous

  • GitHub 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 Madge is a developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and give you other useful info. Joel Kemp's awesome dependency-tree is used for extracting the dependency tree.

  • Markdownlint 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 save, and it offers guidance and automatic fixes. Turn off the rules you disagree with or write your own.

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

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

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

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

  • SourceTree Sourcetree is a Graphical User Interface (GUI for the cool kids) used to manage Git repository hosts

  • StackEdit Browser-based markdown editor.

  • StackOverflow A question and answer website built for programmers and tech enthusiasts.

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

  • Trello Trello is the 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 Wappalyzer is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, ecommerce platforms, web frameworks, server software, analytics tools and many more.

Design System

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

  • Bootstrap Bootstrap is a free tool for HTML, CSS and JS development.

  • Bulma 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 Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

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

  • Semantic UI Semantic UI is an open source UI framework.

  • Tailwind CSS Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.