# jessepollak/card

:credit_card: make your credit card form better in one line of code

Repository: https://github.com/jessepollak/card
Canonical: https://ross.abutalabs.com/products/card
Language: SCSS
License: MIT
License Family: permissive
Topics: javascript, jquery, credit-card, payments, coffeescript, css
Last push: 2023-06-12T08:56:41+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 4633, "days_push": 1178, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 11716, forks 1476 (observed 2026-08-28T04:10:49.555951+00:00)

## What it is
Card is a JavaScript/CSS library that enhances any credit card payment form with a live, animated credit card preview built entirely with CSS, HTML, and JavaScript. It works with existing forms in one line of code, with or without jQuery.

## Use cases
- add a live credit card preview to a checkout form
- improve the look of a payment form without redesigning it
- format credit card number, expiry, and CVC inputs as users type
- support multiple inputs rendering to one card field
- customize card preview placeholders and translations

## When to choose
- you have an existing credit card form and want a polished card preview with minimal code
- you want a pure CSS/JS solution with no image assets
- you need jQuery or standalone vanilla JS integration

## When to avoid
- you need full payment processing or PCI-compliant tokenization (use Stripe Elements or similar)
- you are building a React/Vue app and prefer framework-native components
- you need actively developed features or new card brand support

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, form-handling, frontend-framework
- domain: web-development, frontend, fintech, e-commerce
- platform: browser
- tags: credit-card, payments, checkout-form, css-animation, jquery-plugin, javascript, nodejs

## Member repositories
- jessepollak/card (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:49.555951+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:15:23.008761+00:00, confidence not recorded.
  - readme: https://github.com/jessepollak/card (fetched 2026-08-28T04:10:49.555951+00:00, sha 795495fe0909)
- Data as of 2026-08-30T08:39:29.467469+00:00.