About
Multi-step contact form built as a wire-bound notebook: the kraft cover is your contact card, and each project question is a page that turns over the wire, with the brief so far on the left. Real radios and checkboxes, required and optional questions, index tabs, an async onSubmit with pending, error and a printed receipt. For studios, agencies and freelancers.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Multi-Step Contact Form Notebook to your project and fits it to your theme.
Code
How Multi-Step Contact Form Notebook is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import WireboundInquiry from "@/components/ui/wirebound-inquiry"
export default function WireboundInquiryDemo() {
return <WireboundInquiry />
}
















