GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jasminmif → React Interactive Paycard

jasminmif / React Interactive Paycard

Licence: mit
Interactive React Paycard

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

reactreactjspaymentcredit-cardreact-animationsreact-css-transition-groupreact-animated-css

Projects that are alternatives of or similar to React Interactive Paycard

PCard
Demo project to showcase adding payment card details using JetPack Compose
Stars: ✭ 61 (-97.13%)
Mutual labels:  payment, credit-card
frames-android
Checkout API Client, Payment Form UI and Utilities
Stars: ✭ 26 (-98.78%)
Mutual labels:  payment, credit-card
react-credit-cards
Beautiful credit cards for your payment forms
Stars: ✭ 2,386 (+12.07%)
Mutual labels:  payment, credit-card
terms-dictionary
Simple definitions of terms, acronyms, abbreviations, companies, and projects related to financial services and Moov.
Stars: ✭ 48 (-97.75%)
Mutual labels:  payment, credit-card
Moyasar Php
Moyasar PHP client library
Stars: ✭ 5 (-99.77%)
Mutual labels:  payment, credit-card
credit-card-prompt
Credit card prompt with validation and address lookup
Stars: ✭ 13 (-99.39%)
Mutual labels:  payment, credit-card
svelte-stripe-js
Everything you need to add Stripe Elements to your Svelte project
Stars: ✭ 139 (-93.47%)
Mutual labels:  payment, credit-card
PaymentCardView
Custom Credit/Debit card view
Stars: ✭ 62 (-97.09%)
Mutual labels:  payment, credit-card
Vue Interactive Paycard
Credit card form with smooth and sweet micro-interactions
Stars: ✭ 5,451 (+156.04%)
Mutual labels:  payment, credit-card
Payment
💰 A jQuery-free general purpose library for building credit card forms, validating inputs and formatting numbers.
Stars: ✭ 467 (-78.06%)
Mutual labels:  payment, credit-card
ng-payment-card
💳 Responsive credit card component for Angular.
Stars: ✭ 27 (-98.73%)
Mutual labels:  payment, credit-card
Go Payment
Payment Connector for Midtrans and Xendit. Sample site that is using this payment proxy is https://imrenagi.com/donate
Stars: ✭ 136 (-93.61%)
Mutual labels:  payment, credit-card
React Credit Cards
Beautiful credit cards for your payment forms
Stars: ✭ 2,239 (+5.17%)
Mutual labels:  payment, credit-card
ccashcow
💰 Accept cards & crypto. Payments so easy a cow could do it.
Stars: ✭ 40 (-98.12%)
Mutual labels:  payment, credit-card
Yrpayment
Better payment user experience library with cool animation in Swift
Stars: ✭ 176 (-91.73%)
Mutual labels:  payment, credit-card
Mfcard
Easily integrate Credit Card payments module in iOS App. Swift 4.0
Stars: ✭ 356 (-83.28%)
Mutual labels:  payment, credit-card
Omise Ios
Omise iOS SDK
Stars: ✭ 63 (-97.04%)
Mutual labels:  payment, credit-card
React Native Credit Card Input
Easy, cross-platform credit-card input for your React Native Project! Start accepting payment 💰 in your app today!
Stars: ✭ 1,244 (-41.57%)
Mutual labels:  payment, credit-card
Contracts
Smart contracts comprising the business logic of the Matic Network
Stars: ✭ 130 (-93.89%)
Mutual labels:  payment
Stripe
Stripe library for Vapor
Stars: ✭ 151 (-92.91%)
Mutual labels:  payment
View All Similar Projects ➔

react-interactive-paycard

Inspired from a vue project vue-interactive-paycard, I decided to recreate the same on React as a part time fun project. I did some minor changes on the animations and optimizations on the code.

A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with reactjs and also fully responsive

Demo

https://codesandbox.io/s/github/jasminmif/react-interactive-paycard/tree/master/?fontsize=14&hidenavigation=1&theme=dark

Libraries used

Available Scripts

In the project directory, you can run:

npm install

Installs all the required packages. You must run this command before start the development mode.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].