@knock-codes

Copy-paste, session-gated access blocks for React — PIN/Knock Code unlock screens, protected routes/layouts/modals, a headless useKnockCodes hook, and full-page templates.

19 components react shadcn-cli

website ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://knock.codes/r/react/registry.json

pnpm pnpm dlx shadcn@latest add https://knock.codes/r/react/registry.json

bun bunx shadcn@latest add https://knock.codes/r/react/registry.json

fetch registry curl -s https://knock.codes/r/react/registry.json

Components

19 total

Blur veil component

Shows an inert blurred teaser beneath a prompt; blur is presentation, not security. Does not verify codes, persist state, or grant or revoke access. Contract: …

npx shadcn@latest add https://knock.codes/r/react/blur-veil.json

Code field component

Displays controlled demo-code entry, normalizing pasted message artifacts. Does not verify codes, unlock content, store values, or make network requests. Contr…

npx shadcn@latest add https://knock.codes/r/react/code-field.json

Cooldown notice component

Displays a calm countdown without enforcing a retry policy. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecy…

npx shadcn@latest add https://knock.codes/r/react/cooldown-notice.json

Expiry pill component

Shows a preview lifetime as fine, expiring soon, or expired. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifec…

npx shadcn@latest add https://knock.codes/r/react/expiry-pill.json

Preview bar component

Keeps build identity, expiry, feedback and relocking available after unlock. Does not verify codes, persist state, or grant or revoke access. Contract: the con…

npx shadcn@latest add https://knock.codes/r/react/preview-bar.json

Preview ribbon component

Keeps a draft label visible within preview screenshots. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle …

npx shadcn@latest add https://knock.codes/r/react/preview-ribbon.json

Preview watermark component

Marks unlocked work with a light recipient or build overlay for screenshots. Does not verify codes, persist state, or grant or revoke access. Contract: the con…

npx shadcn@latest add https://knock.codes/r/react/preview-watermark.json

Recipient line component

Addresses a private preview to its intended recipient. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle t…

npx shadcn@latest add https://knock.codes/r/react/recipient-line.json

Relock control component

Lets the consumer hide a preview on a shared screen. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle tim…

npx shadcn@latest add https://knock.codes/r/react/relock-control.json

Request access component

Routes a recipient without a code to the preview owner. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle …

npx shadcn@latest add https://knock.codes/r/react/request-access.json

Client preview gate block

Your next chapter is ready for a first look. Enter the code from your invitation. Does not verify codes, persist state, or grant or revoke access. Contract: al…

npx shadcn@latest add https://knock.codes/r/react/client-preview-gate.json

Cooldown screen block

Your preview is still here. Give it a moment before your next try. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share …

npx shadcn@latest add https://knock.codes/r/react/cooldown-screen.json

Expired notice block

The invitation window has ended. Ask the studio for a fresh link. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share c…

npx shadcn@latest add https://knock.codes/r/react/expired-notice.json

Gated section block

This part of the preview was prepared for invited reviewers. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share contro…

npx shadcn@latest add https://knock.codes/r/react/gated-section.json

Open invitation block

This look is for you. Continue when you are ready. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input…

npx shadcn@latest add https://knock.codes/r/react/open-invitation.json

Preview chrome block

Enter your invitation code to see the draft. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input and v…

npx shadcn@latest add https://knock.codes/r/react/preview-chrome.json

Quick gate block

Enter your preview code to continue. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input and visibilit…

npx shadcn@latest add https://knock.codes/r/react/quick-gate.json

Revoked notice block

The owner has withdrawn access. Contact them if you need another look. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks sh…

npx shadcn@latest add https://knock.codes/r/react/revoked-notice.json

Teaser gate block

Your private preview is just one invitation away. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input …

npx shadcn@latest add https://knock.codes/r/react/teaser-gate.json