Card - check out the demo by jessepollak
make your credit card form better in one line of code
About Card - check out the demo
From the project's README at github.com/jessepollak/card. Lightly cleaned for readability; for the full source see the upstream repo.
Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript, no images required. Usage (without jQuery)
To use, you'll need to include the Card JavaScript files into your HTML, no CSS link is necessary as the JavaScript file does this for you. You can find the necessary file at and include it in your HTML like so.
```javascript var card = new Card({ // a selector or DOM element for the form where users will // be entering their information form: 'form', // required // a selector or DOM element for the container // where you want the card to appear container: '.card-wrapper', // required
formSelectors: { numberInput: 'input#number', // optional, default input[name="number"] expiryInput: 'input#expiry', // optional, default input[name="expiry"] cvcInput: 'input#cvc', // optional, default input[name="cvc"] nameInput: 'input#name' // optional - defaults input[name="name"] },
Health score breakdown
6-dimension composite. See methodology for formula and weights.
Adoption signals
Real-world usage data, pulled from each registry. The bigger the numbers, the more battle-tested the project.
| Signal | Value | Source |
|---|---|---|
| GitHub stars | 12k | github.com/jessepollak/card |
| GitHub forks | 1.5k | github.com/jessepollak/card |
Release & maintenance
Is this project actively maintained, or about to die? Check the recency of last commit and last release.
| Project age | 12.5 years | since Dec 2013 |
| Last commit | 3.0 years ago | Jun 12, 2023 |
| Releases shipped | 43 | last: 4.9 years ago |
Self-hosting cost across providers
Detected requirements: 4GB RAM, 40GB disk minimum. Cheapest plan per provider that meets the requirement.
| Provider | Plan | Specs | Monthly | |
|---|---|---|---|---|
| hetzner | CAX11 | 2c · 4GB · 40GB | $4.13 USD | Deploy → |
| vultr | VC2 | 1c · 1GB · 25GB | $5 USD | Deploy → |
| linode | Nanode 1GB | 1c · 1GB · 25GB | $5.12 USD | Deploy → |
| digitalocean | Basic Regular 1GB | 1c · 1GB · 25GB | $6 USD | Deploy → |
What people say on Hacker News
- Show HN: AgentWing – make AI agents complete tasks faster
- I carried my stories From Python to Node and found Apple's hidden city of Metal
- 1k-year-old dingo bones show that it was injured, cared for, and ritually buried
- Show HN: PrismoDev – local CLI for finding token waste in Claude Code/Codex
- Show HN: Postbear The API Client your terminal has been waiting for
Ready to self-host Card - check out the demo?
Spin up a hetzner CAX11 (4GB RAM, 40GB disk) for $4.13/mo and follow the project's official install docs.
Data last refreshed Jun 21, 2026.
Similar open-source projects
Projects in our directory that replace the same SaaS or share topics with Card - check out the demo.