Env Table

Read-only environment variable table with masked values, click-to-reveal, and copy.

lucide-react

DATABASE_URLproduction

post••••••••

NEXT_PUBLIC_API_URLproduction

http••••••••

SECRET_KEYproduction

sk_l••••••••

Installation

$ shadcn add @jalco/env-table

import { EnvTable } from "@/components/env-table"

<EnvTable />

PropType

PropType

Client component. Uses "use client" for reveal toggle state and clipboard access.
Copy .env. The toolbar "Copy .env" button copies all variables in KEY=value format, ready to paste into a .env file.
Duplicate keys. The component handles duplicate keys gracefully — common when showing the same variable across multiple environments.
Icon library. Uses Lucide icons by default. Since this is copy-paste code, you can swap the imports if your project uses a different icon library.