name: devtools-elements description: Install developer tool components from the Elements registry. Use when user needs JSON viewers, API response displays, code diff viewers, CLI output renderers, env editors, error boundaries, webhook testers, or schema viewers. Triggers on "devtools", "json viewer", "API response", "webhook tester", "env editor", "code diff", "schema viewer", "error boundary", "CLI output".

Dev Tools Elements

8 developer utility components. Zero external dependencies.

Install Pattern

npx shadcn@latest add @elements/{name}

Components

Quick Patterns

# API debugging
npx shadcn@latest add @elements/api-response-viewer @elements/json-viewer

# Dev dashboard
npx shadcn@latest add @elements/env-editor @elements/webhook-tester @elements/cli-output

# Error handling
npx shadcn@latest add @elements/error-boundary-ui

# All dev tools
npx shadcn@latest add @elements/json-viewer @elements/api-response-viewer @elements/code-diff-viewer @elements/cli-output @elements/env-editor @elements/error-boundary-ui @elements/webhook-tester @elements/schema-viewer

Discovery

Browse https://tryelements.dev/docs/devtools