react-credit-cards
支払いフォームに合わせてクレジットカードの見た目を表示するReactコンポーネントです。入力内容がカードに即時反映されます。
再現できる小さなissueを選び、AIコーディングエージェントで直してみましょう。
Xで共有ライセンス: MIT
概要
react-credit-cardsは、支払いフォームの横にスタイル付きのクレジットカードを表示するReactコンポーネントです。名前、番号、有効期限、CVCを入力すると、カードのプレビューが更新され、フォーカス中の項目も示せるため、入力内容がその場で視覚的に確認できます。Paymentライブラリが対応するカード会社に加えてHipercardに対応します。npmで導入し、SCSSまたはコンパイル済みCSSを読み込んで使います。
主な特長
- 入力に合わせてカードのプレビューが更新される
- フォーカス中の項目を強調表示
- PaymentライブラリのカードブランドとHipercardに対応
- スタイルはSCSSまたはコンパイル済みCSSで提供
こんな人・用途に
決済フォームに分かりやすいカード表示を付けたいReact開発者向けです。表示のみで、決済処理は行いません。
- アップストリーム
- amaroteam/react-credit-cards
- GitHubのフォーク
- Guo-astro/react-credit-cards
- アップストリームのスター数
- 2.6k
- カテゴリ
- Web・デザイン・マーケティング
- 言語
- SCSS
- ライセンス
- MIT
- フォーク日
- 2018-09-15
- 同期状態
- 同期済み最終同期 2026-10-19
同じカテゴリ: Web・デザイン・マーケティング
FigCraftは、Rust製のオフライン対応インターフェース設計・プロトタイピングアプリです。自分のPCでレイアウトやコンポーネント、ベクターデザインを作成できます。
フォーク日 2026-10-15最終同期 2026-10-19ライセンス: Apache-2.0Web・デザイン・マーケティングGitHub
OpenPencilは.figや.penを扱うオープンソースのデザインエディターです。AIによるデザイン作成や共同作業、コード出力に使えます。
フォーク日 2026-10-14最終同期 2026-10-19ライセンス: MITWeb・デザイン・マーケティングGitHub
ブログや解説記事の公開前チェックを行うエージェントスキルです。Google検索セントラルの方針に沿い、量より質を重視します。
フォーク日 2026-09-28最終同期 2026-10-19ライセンス表記なしWeb・デザイン・マーケティングGitHub
Google、Bing、AI検索向けのSEOエージェントスキルです。技術監査、キーワード戦略、流入診断、サイト移行、修正と効果検証を扱います。
フォーク日 2026-09-25最終同期 2026-10-19ライセンス: MITWeb・デザイン・マーケティングGitHub