Multiple looks, one contract.
Every template ships as a complete, single-file access screen — background, card, form, support link, footer, and verification logic. Pick a style, copy the file, wire a hash, ship it.
Pick your screen
Each template implements the exact same props and verification contract. Preview one live, copy the source file, or adapt it with AI.
Four React templates and one plain-HTML file — same idea, zero build.
Branded Access
A copy-paste React password screen for client previews and private betas. One file, zero dependencies, local or server verification.
Knock Codes
A copy-paste React access screen for client previews and staging apps — segmented code entry, dark card, footer help text. One file, zero dependencies.
Minimal Access
A copy-paste React access screen for internal tools and quick gates — a single masked field, no frills. One file, zero dependencies.
Modal Access
A copy-paste React access screen for gating one section of a live page — a blur-overlay dialog, content stays mounted behind it. One file, zero dependencies.
Plain HTML Gate
A copy-paste HTML password screen for static sites and legacy pages — no React, no build step, no npm install. One file, zero dependencies.
Prefer assembling your own layout? Build from blocks.
The shared contract
expectedHash | verify // exactly one required
children // rendered when unlocked
remember, labels, className