# amaroteam/react-credit-cards

Beautiful credit cards for your payment forms

Repository: https://github.com/amaroteam/react-credit-cards
Canonical: https://ross.abutalabs.com/products/react-credit-cards
Homepage: https://ovvwzkzry9.codesandbox.io/
Language: SCSS
License: MIT
License Family: permissive
Topics: react, react-component, payment, credit-card
Last push: 2024-01-19T11:43:33+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3519, "days_push": 957, "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 2623, forks 318 (observed 2026-08-28T04:07:05.160494+00:00)

## What it is
A React component that renders animated, visually polished credit card previews for payment forms. It syncs with form inputs to display card number, name, expiry, CVC, and issuer branding in real time.

## Use cases
- render a credit card preview in a checkout form
- add animated card visuals to a React payment page
- show card issuer branding as users type card numbers
- display masked card preview for saved payment methods
- build a slick payment form UI in React

## When to choose
- you need an attractive credit card visual synced to payment form inputs in React
- you want automatic issuer detection and branding for major card networks
- you need a preview mode showing scrambled card data

## When to avoid
- you need actual payment processing or card validation logic - this is display-only
- your project is not React-based
- you need a component with active ongoing development

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, frontend-framework
- domain: frontend, web-development, fintech, e-commerce
- platform: browser
- tags: react, credit-card, payment-forms, react-component, scss, nodejs, web-server

## Member repositories
- amaroteam/react-credit-cards (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:05.160494+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-30T02:19:54.360240+00:00, confidence not recorded.
  - readme: https://github.com/amaroteam/react-credit-cards (fetched 2026-08-28T04:07:05.160494+00:00, sha 3d8d6511514e)
  - homepage: https://ovvwzkzry9.codesandbox.io/ (fetched 2026-08-29T10:02:54.767843+00:00, sha 8f4cd97f7b7f)
- Data as of 2026-08-30T08:39:29.467469+00:00.