package.json Viewer

When to use?

Use it to quickly review project dependencies and npm scripts, or to organize them in documentation.

How to use

• Paste the package.json content.
• It parses the main sections.
• Check the name-sorted list.

Input Explanation

Enter a valid full package.json or the related JSON object.

Calculation Basis

It parses the JSON, then sorts scripts, dependencies, and devDependencies objects by key into a text list.

Usage Examples

• Review dependencies - Quickly skim the project package setup.
• Quick pre-deploy check - Check inputs and output to reduce errors before dev/ops work.
• Aid docs/reviews - Copy the result into dev docs, issues, or review comments.

Examples

• Show dependencies like react, vite alphabetically
• A package.json with many dependencies → sorted by section for a quick overview

Cautions

• Generated output is for reference; test carefully before production use.
• The pasted package.json is processed only in the browser.

FAQ

Does it modify the file?

No. It only displays the input neatly.

Is the pasted package.json sent out?

No. Organizing runs only in the browser.

Are scripts organized too?

It neatly organizes scripts, dependencies, and devDependencies for a quick overview.

Are dependency versions changed?

It sorts dependency and devDependency keys alphabetically; the version values themselves are unchanged.

Related Tools

• .env Sorter - Sort keys in a .env file and find duplicate keys.
• semver Comparator - Compare two semantic versions and interpret version range notation.
• JSON Formatter - Beautify or minify JSON strings instantly and check for validity errors.
• UUID Generator - Generate up to 20 cryptographically secure UUID v4 values at once.
• Password Generator - Generate secure random passwords in the browser by choosing length, character set, and count.
• JWT Decoder - Decode a JWT header and payload to view the JSON and key claims.