Developer tools & code health
Inspect components, analyze dependencies, generate files, and apply code checks.
Choose a library or tool
15 options in this category.
Jump to a library or tool (15)
Biome
Developer toolA formatter and linter for web-project source code.
- Good for
- Applying consistent formatting and automated code checks.
Bippy
Developer toolUtilities for inspecting React's internal component structures.
- Good for
- Building specialized React debugging and inspection tools.
Code Inspector
Developer toolA development tool that connects rendered page elements to their source code.
- Good for
- Opening the corresponding component in an editor directly from the browser.
dependency-cruiser
Developer toolA dependency analysis tool with configurable architecture rules.
- Good for
- Detecting forbidden imports, cycles, and structural drift in a codebase.
envinfo
Developer toolA utility that reports development environment information.
- Good for
- Collecting reproducible environment details for debugging and issue reports.
Hygen
Developer toolA code generator that uses templates kept inside a project.
- Good for
- Creating consistent components and files from local conventions.
is-reference
Developer toolA helper that identifies references in JavaScript syntax trees.
- Good for
- Writing code-analysis tools that distinguish references from other syntax nodes.
its-fine
Developer toolEscape-hatch utilities for specialized React integrations.
- Good for
- Handling unusual React integration requirements beyond ordinary component APIs.
Knip
Developer toolA tool for finding unused files, exports, and dependencies.
- Good for
- Cleaning up a JavaScript or TypeScript project's unused code.
Madge
Developer toolA dependency-graph tool for JavaScript projects.
- Good for
- Finding circular dependencies and understanding module relationships.
mdxlint
Developer toolA command-line linter for MDX documents.
- Good for
- Checking documentation that combines Markdown and JSX.
Nano ID Collision Calculator
Developer toolA calculator for estimating collisions in randomly generated Nano IDs.
- Good for
- Choosing an ID length based on an application's expected volume.
next-cache-toolbar
Developer toolA development toolbar for inspecting Next.js caching behavior.
- Good for
- Debugging cache interactions while building a Next.js application.
Replay
Developer toolA tool for recording and replaying application execution.
- Good for
- Investigating bugs by revisiting a recorded browser session.
TypeScript CSS Modules Plugin
Developer toolA TypeScript language-service plugin for CSS Modules.
- Good for
- Getting editor assistance for CSS class names imported into TypeScript.