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-11-09
同じカテゴリ: Web・デザイン・マーケティング
SEOnautは検索順位に影響する可能性のある技術的なSEOの問題をサイトから見つけ、重要度別に整理します。サイト運営者がリンク切れやリダイレクト、メタタグの問題を確認するためのツールです。
フォーク日 2026-10-21最終同期 2026-11-09ライセンス: MITWeb・デザイン・マーケティングGitHub
FigCraftは、Rust製のオフライン対応インターフェース設計・プロトタイピングアプリです。自分のPCでレイアウトやコンポーネント、ベクターデザインを作成できます。
フォーク日 2026-10-15最終同期 2026-11-09ライセンス: Apache-2.0Web・デザイン・マーケティングGitHub
OpenPencilは.figや.penを扱うオープンソースのデザインエディターです。AIによるデザイン作成や共同作業、コード出力に使えます。
フォーク日 2026-10-14最終同期 2026-11-09ライセンス: MITWeb・デザイン・マーケティングGitHub
AIエージェントとデザインを作成・改善する、オープンソースのローカルファーストなワークスペースです。チームで共有し、意見を出し合いながら一緒に反復できます。
フォーク日 2026-10-10最終同期 2026-11-09ライセンス: Apache-2.0Web・デザイン・マーケティングGitHub