Check out Button - Check out Button

craftui/checkout-button-default

UnverifiedBlock

A compact trigger button that morphs into a checkout card with tabbed payment methods (QR, card, Apple Pay, Amazon Pay) and a connect-wallet screen, all sharing one layout shell.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/Indra-photon/Interactive-SVG-Icons/master/checkout-button-default.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

motion
react-use-measure
@hugeicons/react
@hugeicons/core-free-icons

Other registry items

craftui-base
input
utils

Files it writes

components/craftui/blocks/checkout-button/default.tsx

More from craftui

All 135 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
AI Chat - AI Chatai-chat-default	craftui	Blocks	Unverified	3 deps
Avatar Grid - Avatar Gridavatar-default	craftui	Blocks	Unverified	1 dep
Vertical Marquee - Vertical Marqueecategory-ticker-vertical-marquee	craftui	Blocks	Unverified	3 deps
Contact Reveal Card - Contact Reveal Cardcontact-reveal-card-default	craftui	Blocks	Unverified	3 deps
Feature Gallery 01 - Feature Gallery 01feature-gallery-01-default	craftui	Blocks	Unverified	1 dep
Feature Gallery 02 - Feature Gallery 02feature-gallery-02-default	craftui	Blocks	Unverified	5 deps
Frosted Navbar - Frosted Navbarfrosted-navbar-frosted-navbar	craftui	Blocks	Unverified	no deps
Morphing Image Effect - Image Morphmorphing-image-effect-default	craftui	Blocks	Unverified	1 dep