Shadcn.io is not affiliated with official shadcn/ui
Account Environment Variables
A developer environment variable management block for React and Next.js with key-value table, masked value reveal, environment scope badges, search filtering, bulk import, and CRUD operations built with shadcn/ui and Tailwind CSS
Manage environment variables and secrets with this developer table block for React and Next.js. Features a sortable key-value table with masked values and reveal toggle, environment scope badges for Production, Staging, and Development, inline search and filtering, add variable form with environment multi-select, copy-to-clipboard with feedback, and bulk .env file import. Built with TypeScript, shadcn/ui Table, Input, Badge, Checkbox, and Button components, motion/react animations, and Tailwind CSS. Perfect for developer platforms, CI/CD dashboards, deployment tools, and any product managing configuration secrets per environment.
Related Components
Account API Keys
API key generation and management
Account Developer Settings
Developer tools and configuration
Account Deployment Targets
Deployment environment configuration
Account Webhooks
Webhook endpoint configuration
Account Access Tokens
Personal access token management
Account Integrations
Third-party integration settings
FAQ
Was this page helpful?
Sign in to leave feedback.
Emergency Contacts
An emergency contact management block for React and Next.js with priority-ordered contact cards, relationship badges, masked phone reveal, notification preferences, and verification status built with shadcn/ui and Tailwind CSS
Export Connections
A data export destinations panel for React and Next.js with service connection grid, sync frequency controls, per-connection configuration, and one-click export with feedback built with shadcn/ui and Tailwind CSS