https://github.com/muhammed/interactive-card

Credit card form with smooth and sweet micro-interactions
https://github.com/muhammed/interactive-card

credit-card creditcard interactive javascript payment sweet-micro-interactions vue

Last synced: about 2 months ago
JSON representation

Credit card form with smooth and sweet micro-interactions

• Host: GitHub
• URL: https://github.com/muhammed/interactive-card
• Owner: muhammed
• License: mit
• Created: 2019-10-19T17:16:05.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-24T07:56:31.000Z (over 1 year ago)
• Last Synced: 2024-06-22T05:03:50.696Z (3 months ago)
• Topics: credit-card, creditcard, interactive, javascript, payment, sweet-micro-interactions, vue
• Language: JavaScript
• Homepage: https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
• Size: 11.1 MB
• Stars: 293
• Watchers: 7
• Forks: 81
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-interactive-paycard (npm package (for react & react-native too) is coming soon)

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

See Live: https://codepen.io/JavaScriptJunkie/pen/YzzNGeR

![](demo.gif)

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Run your unit tests

```

npm run test:unit

```

### Lints and fixes files

```

npm run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).