With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript developer-tool Projects
-
responsively-app
A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
react-proto
:art: React application prototyping tool for developers and designers :building_construction:
-
pythagora
Generate automated tests for your Node.js app via LLMs without developers having to write a single line of code.
-
find
A find-in-page extension for Chrome and Firefox that supports regular expressions. (by brandon1024)
-
sfmc-devtools
Fast-track your developers and devops engineers by allowing them to programmatically copy-paste / deploy changes and work offline
-
admiral
Admiral is a frontend framework for creating back office in React. It provides out-of-the-box components and tools that make developing an admin interface easy and fast.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Google Core Vitals now represent the most important metrics to focus on when it comes to technical SEO. Google Core Vitals are a set of standardized metrics that Google uses to evaluate the user experience offered by a web page and assign it a technical SEO grade. Several tools exist to measure and report technical SEO performance, but the most reliable is Google Lighthouse.
⭐ Responsively on GitHub 👉: Responsively
Could you inject it as a bookmarklet?
If not, you could probably just paste it into Eruda (https://eruda.liriliri.io/)
Project mention: Hacktoberfest Machine Learning Projects for JS/TS Developers 🎃 | dev.to | 2023-10-20Continuous Machine Learning (CML) is an open-source command-line interface tool designed to enhance continuous integration and delivery (CI/CD) workflows, with a focus on Machine Learning Operations (MLOps). The tool facilitates automated development workflows, including machine provisioning, model training and evaluation, comparing machine learning experiments across your project’s history, and monitoring changing datasets.
There's also Boop, which is open source: https://github.com/IvanMathy/Boop
Most of my technical note-taking these days happens inside VS Code. I already have it running, so opening a new window and stripping out the chrome (closing other stuff, hiding sidebars, etc. gives me all I need, _plus_ optional preview depending on on what I'm writing (mostly Markdown these days).
Another option some of my friends like is Heynote (https://heynote.com), but, again, I can do the same with VS Code...
React Sight marks its presence in the domain of React debugging tools by offering a unique visualization advantage. Designed to delineate the component hierarchy in React applications, this tool proves to be a reliable companion for developers. Compatible with React version 14.7 and onwards, including Fiber, React Sight extends its support to libraries like React Router and Redux.
Project mention: AI Chat Applications with the Metacognition Approach: Tree of Thoughts (ToT) | dev.to | 2024-03-22Product which you can try - https://github.com/Pythagora-io/pythagora, check also video - Open-Source AI Agent Can Build FULL STACK Apps (FREE “Devin” Alternative) (youtube.com)
Project mention: NEW! Open source solution in React to create a control panel in the project and CRUD in it | /r/react | 2023-08-07If you're already interested, check out the link https://github.com/dev-family/admiral
Project mention: Show HN: Volume rendering 3D data in Three.js and GLSL | news.ycombinator.com | 2024-04-21Author of the WebGL volume rendering tutorial [0] you mentioned in the readme here, great work!
Working in WebGL/JS is nice since you can deploy it everywhere, but it can be really hard for graphics programming as you've found because there are very few tools for doing real GPU/graphics debugging for WebGL. The only one I know of is [1], and I've had limited success with it.
WebGPU is a great next step, it provides a modern GPU API (so if you want to learn Metal, DX12, Vulkan, they're more familiar), and modern GPU functionality like storage buffers and compute shaders, not to mention lower overhead and better performance. The WebGPU inspector [2] also looks to provide a GPU profiler/debugger for web that aims to be on par with native options. I just tried it out on a small project I have and it looks really useful. Another benefit of WebGPU is that it maps more clearly to Metal/DX12/Vulkan, so you can use native tools to profile it through Chrome [3].
I think it would be worth learning C++ and a native graphics API, you'll get access to the much more powerful graphics debugging & profiling features provided by native tools (PIX, RenderDoc, Nvidia Nsight, Xcode, etc.) and functionality beyond what even WebGPU exposes.
Personally, I have come "full circle": I started with C++ and OpenGL, then DX12/Vulkan/Metal, then started doing more WebGL/WebGPU and JS/TS to "run everywhere", and now I'm back writing C++ but using WebGL/WebGPU and compiling to WebAssembly to still everywhere (and native for tools).
With WebGPU, you could program in C++ (or Rust) and compile to both native (for access to debuggers and tools), and Wasm (for wide deployment on the web). This is one of the aspects of WebGPU that is most exciting to me. There's a great tutorial on developing WebGPU w/ C++ [4], and a one on using it from JS/TS [5].
[0] https://www.willusher.io/webgl/2019/01/13/volume-rendering-w...
[1] https://spector.babylonjs.com/
[2] https://github.com/brendan-duncan/webgpu_inspector
[3] https://toji.dev/webgpu-profiling/pix
[4] https://eliemichel.github.io/LearnWebGPU/
[5] https://webgpufundamentals.org/
JavaScript developer-tools related posts
- I made a set of devtools for small projects
- AI Chat Applications with the Metacognition Approach: Tree of Thoughts (ToT)
- Show HN: VSCode Extension Empowering Devs in Layoffs for Easy Work Documentation
- 19 Handy Websites for Web Developers
- Tell HN: Postman just wiped all my stuff
- Insomnia's V8 locks out prev data, forces account creation with o warning
- DevToys–A Swiss army knife for developers
-
A note from our sponsor - SurveyJS
surveyjs.io | 23 Apr 2024
Index
What are some of the best open-source developer-tool projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | lighthouse | 27,823 |
2 | responsively-app | 21,694 |
3 | eruda | 17,235 |
4 | reactivesearch | 4,872 |
5 | cml | 3,924 |
6 | Boop | 3,627 |
7 | heynote | 3,474 |
8 | react-proto | 3,435 |
9 | React-Sight | 2,845 |
10 | workly | 1,881 |
11 | Prequel | 1,518 |
12 | pythagora | 1,499 |
13 | elm-live | 1,049 |
14 | solhint | 992 |
15 | webDevsCom | 681 |
16 | httptoolkit-server | 419 |
17 | find | 381 |
18 | RESTED | 279 |
19 | node-safe | 199 |
20 | dep_viz | 186 |
21 | sfmc-devtools | 132 |
22 | admiral | 119 |
23 | webgpu_inspector | 93 |
Sponsored