# Developer Tools components

> 12 Developer Tools components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: ApiKeys, API reference, CodeBlock, CodeBlock variants, EnvList, FeatureFlagDetail, FeatureFlagList, GithubActivity, ProviderSwitcher, Repository picker, Terminal, Webhooks Manager.

Source: https://docs.nasaqui.com/components/groups/developer-tools

- [ApiKeys](https://docs.nasaqui.com/components/api-keys): API key management with a create form (name, scopes, expiry), a one-time secret reveal with copy, a masked list with scopes and last used, and confirmed rotate and revoke, driven by async callbacks.
- [API reference](https://docs.nasaqui.com/components/api-reference): A reference page for API endpoints or MCP tools with scope, minimum role, an arguments table, an example call and result, and a card catalog of all tools.
- [CodeBlock](https://docs.nasaqui.com/components/code-block): Syntax-highlighted code with filename header, line numbers, highlighted lines and a copy button; Shiki loads lazily. Also InlineCode.
- [CodeBlock variants](https://docs.nasaqui.com/components/code-block-variants): Code in tabs (pnpm npm yarn, curl JS Python), a copy menu for AI assistants, and a one-line command with a direct copy button. Composes CodeBlock.
- [EnvList](https://docs.nasaqui.com/components/env-list): A .env manager with masked values, reveal and copy, add edit delete, import by pasting a .env, export, per-environment tabs and key validation.
- [FeatureFlagDetail](https://docs.nasaqui.com/components/feature-flag-detail): One feature flag in full: on/off and percentage rollout per environment, targeting rules built with the rule builder, weighted variants, a kill switch and the audit history.
- [FeatureFlagList](https://docs.nasaqui.com/components/feature-flags): A feature flag list with a key, an on/off switch per environment, rollout percentage, state and last update, plus the pure bucketing and evaluation logic behind percentage rollouts.
- [GithubActivity](https://docs.nasaqui.com/components/github-activity): A repository activity card with a merged timeline plus commits, pull requests, workflow runs and deployments, each with status, author and a link to GitHub, filterable, with refresh, deploy and re-run callbacks.
- [ProviderSwitcher](https://docs.nasaqui.com/components/provider-switcher): Lists an app's swappable capabilities (data, queue, cache, storage…) with the backend each runs on, and switches backends at runtime.
- [Repository picker](https://docs.nasaqui.com/components/repository-picker): Pick a GitHub repository and branch by searching through the app installation, with the official GitHub mark, debounced search, keyboard support and a Configure access link.
- [Terminal](https://docs.nasaqui.com/components/terminal): Terminal-style output with prompt lines, ANSI colours mapped to tokens, streaming, copy and follow-the-tail mode. Optional command input.
- [Webhooks Manager](https://docs.nasaqui.com/components/webhooks-manager): Manage outgoing webhooks with endpoints, event selection, a signing secret shown once, a per-endpoint test, a delivery log with replay, inbound sources with a poll interval, and a push endpoint card shown once.