BYOK Setup

zyeon/byok-setup

FreeComponent

A bring-your-own-key card — configurable provider slots, a masked field that cleans what you paste and checks the shape per provider, a cancellable live test with latency or a reason, a storage disclaimer that never leaves, and removal behind a confirm.

See it running

Open the demo on zyeon

ui.zyeon.ai/r/byok-setup

Open

This registry sends X-Frame-Options, so its page cannot be embedded here. The link is the same page the frame would have shown.

Install it

npx shadcn@latest add https://ui.zyeon.ai/r/byok-setup.json

What it pulls in

npm packages

lucide-react

Other registry items

alert-dialog
badge
button
utils

Files it writes

src/registry/ui/byok-setup.tsx

More from zyeon

All 517 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	zyeon	Components	Free	1 dep
Activity Heatmapactivity-heatmap	zyeon	Components	Paid	1 dep · 2 files
Address Formaddress-form	zyeon	Components	Paid	1 dep
Agent Graphagent-graph	zyeon	Components	Free	2 deps · 2 files
Agent Handoffagent-handoff	zyeon	Components	Free	1 dep
Agent Inboxagent-inbox	zyeon	Components	Free	2 deps · 2 files
Agent Permissionsagent-permissions	zyeon	Components	Free	2 deps · 2 files
Agent Planagent-plan	zyeon	Components	Free	2 deps · 2 files