Collection of free jQuery credit card plugins. Credit card forms with input mask and validation. Update of February 2018 collection. 2 new items.

Related Articles

  1. CSS Credit Cards
Demo image: Glassmorphism Credit Card

Author

  • ron

Made with

  • HTML / CSS / JS

About a code

Glassmorphism Credit Card

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Payment Gateway Integration

Author

  • Ravi Sharma

About a code

Payment Gateway Integration

The user will land on the payment page where user can select the amount to be paid and the payment type that includes Credit Card, Netbanking, Paypal and Debit Card. On successful payment an invoice will be generated on a new page regarding completion of the payment.

Demo image: Card
Made by
  • Jesse Pollak
Github activity
  • 9396 stars
  • 216 watchers
About the plugin

Card

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.

Features
  • animations for 4 different card types
  • an intuitive experience for your users

Demo image: Skeuocard
Made by
  • Ken Keiter
Github activity
  • 3305 stars
  • 98 watchers
About the plugin

Skeuocard

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

Demo image: jQuery Credit Card Validator
Made by
  • Pawel Decowski
Github activity
  • 922 stars
  • 50 watchers
About the plugin

jQuery Credit Card Validator

jQuery Credit Card Validator detects and validates credit card numbers. It’ll tell you the detected credit card type and whether the number length and Luhn checksum are valid for the type of card.

Demo image: Single-Field Credit Card Input
Made by
  • Zachary Forrest y Salazar
Github activity
  • 889 stars
  • 47 watchers
About the plugin

Single-Field Credit Card Input

This is a jQuery-based, progressively-enhanced solution for creating a single-field credit card input. The idea is to create a more streamlined credit card entry process.

Demo image: Payform
Made by
  • Jonathan D. Johnson
Github activity
  • 324 stars
  • 13 watchers
About the plugin

Payform

A library for building credit card forms, validating inputs, and formatting numbers.

Demo image: Creditly.js
Made by
  • John J. Wang
Github activity
  • 303 stars
  • 18 watchers
About the plugin

Creditly.js

Creditly.js gives you everything you need in order to create a sleek, intuitive credit card form. Just copy the html, css, and javascript to get an intuitive credit card form in seconds.

Demo image: Payment
Made by
  • Jesse Pollak
Github activity
  • 260 stars
  • 10 watchers
About the plugin

Payment

A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.