Pixel Checkout Form
Free React Credit Card Form in 8-Bit Pixel Style
Pixel Checkout Form is a free animated React + Tailwind 8-bit checkout from mebius.design with a Luhn-checked card number, expiry and CVC, an add-on toggle and a pixel receipt.
Install with the shadcn CLI
Terminal
npx shadcn@latest add https://www.mebius.design/r/Open code, MIT license
No account needed. Use it, change it and ship it: one of the 20 starter items.
Working in Cursor or Claude Code? Add it through the mebius MCP.
MCP docsWhat’s included
Figma fileLight and dark, auto layout- React + TypeScript sourceTailwind v4, one file: pixel-checkout-form.tsx
- shadcn registry item@mebius/forms-pro-pixel-checkout
Dependencies
The CLI installs these with it.
npm
- animejs
- radix-ui
- @fontsource/silkscreen
Registry items
- utils
- theme
- use-form-motion
- use-form-submit
- use-controllable-state
- font-silkscreen
- font-vt323
Questions, answered.
About Pixel Checkout Form and the other free forms. Anything else? Our team replies within a working day.
Yes. Its React code and AI prompt are open to everyone under the MIT license, no account needed. A free mebius account adds the Forms Pro Figma file it comes from, in light and dark. No card and no trial.
