Checkout Form

zyeon/checkout-form

FreeBlock

A one-page checkout — contact, delivery address, payment method and an order summary whose delivery, tax and payment fee are derived from the form in the same render, in integer minor units, so the lines always add up to the button and the money can never lag the address.

See it running

Open the demo on zyeon

ui.zyeon.ai/r/checkout-form

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/checkout-form.json

What it pulls in

npm packages

zod
lucide-react

Other registry items

utils
https://ui.zyeon.ai/r/credit-card-form.json

Files it writes

src/registry/blocks/checkout-form.tsx

More from zyeon

All 517 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Agent Dashboardagent-dashboard	zyeon	Blocks	Free	2 deps · 2 files
AI Answerai-answer	zyeon	Blocks	Free	2 deps · 2 files
API Keys Panelapi-keys-panel	zyeon	Blocks	Paid	2 deps · 2 files
Assistant Welcomeassistant-welcome	zyeon	Blocks	Free	1 dep
Auth Cardauth-card	zyeon	Blocks	Paid	2 deps
Billing Historybilling-history	zyeon	Blocks	Free	2 deps · 2 files
Blog Card Gridblog-card-grid	zyeon	Blocks	Free	2 deps · 2 files
Case Study Gridcase-study-grid	zyeon	Blocks	Free	2 deps · 2 files