Credit card form with smooth and sweet micro-interactions

Last update: Aug 7, 2022

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

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.

GitHub

https://github.com/muhammederdem/vue-interactive-paycard
You might also like...

Memory card game with Vue.js

memory-card-game Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build

Jan 4, 2022

An element-ui based extension package. We extend some components, such as Table, Menu, Form

element-patch An element-ui based extension package. We extend some components, such as Table, Menu, Form, etc., to enrich their features and function

Jun 10, 2022

๐ŸŒŸ DataFormsJS ๐ŸŒŸ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

๐ŸŒŸ DataFormsJS ๐ŸŒŸ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

๐ŸŒŸ Welcome to DataFormsJS! Thanks for visiting! ๐ŸŒ  ๐Ÿ‘ ๐ŸŒ ๐ŸŒŽ ๐ŸŒ ๐ŸŒ ไธญๆ–‡ (็ฎ€ไฝ“) ๆฌข่ฟŽๆฅๅˆฐ DataFormsJS Espaรฑol Bienvenido a DataFormsJS Portuguรชs (do Brasil) Bem

Aug 10, 2022

MKTemplate is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS

MKTemplate is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS

MKTemplate A beautiful UI . Start your Web Site with this bootstrap and VueJS UI . MKTemplate is Free and Open Source. It features multiple HTML and V

May 31, 2022

Vue component for drag-and-drop to design and build mobile website.

Vue component for drag-and-drop to design and build mobile website.

vue-page-designer Live Demo A drag-and-drop mobile website builder base on Vue. Install yarn add vue-page-designer You can start it quickly, in main.j

Aug 9, 2022

๐Ÿ‘‹ Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection and on creation. Good for GDPR requirements.

vue-cookie-accept-decline Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an ev

Jul 23, 2022

A simple and beautiful Vue chat component backend agnostic, fully customisable and extendable.

vue-beautiful-chat vue-beautiful-chat provides an intercom-like chat window that can be included easily in any project for free. It provides no messag

Aug 9, 2022

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.

tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.

tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver

Aug 10, 2022

A Vue.js component for creating polls, voting and showing results. Itโ€™s easy to implement and easy to customize.

A Vue.js component for creating polls, voting and showing results. Itโ€™s easy to implement and easy to customize.

vue-easy-polls A Vue.js component for creating polls, voting and showing results. Itโ€™s easy to implement and easy to customize. Demo See live demo her

Oct 26, 2021
Credit card component made with Vue.js
Credit card component made with Vue.js

Vue Paycard Credit card component made with Vue.js This component is based on Vue Interactive Paycard. All the credits for the component (idea, design

Aug 7, 2022
Vue 3 Wrapper of smooth-dnd library.

vue3-smooth-dnd Vue 3 Wrapper of smooth-dnd library. Live demo NOTE: This is a Vue 3 wrapper over smooth-dnd library. It's a fork of the already done

Aug 8, 2022
Simple and beautiful card component with an elegant spark line, for VueJS.
Simple and beautiful card component with an elegant spark line, for VueJS.

Simple and beautiful card component with an elegant spark line, for VueJS. Demo Live demo of the component can be found here. Installation npm i -S vu

Jul 7, 2022
Card counter for Pandemic infection deck, compatible with base and Legacy game versions

pandemic-card-counter Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build

Jan 9, 2022
Swappable Card Component Using Vue3
Swappable Card Component Using Vue3

Swappable Card Component Using Vue3

Mar 29, 2022
A reusable skeleton card component written in Vuejs
A reusable skeleton card component written in Vuejs

skeleton-card-vuejs A reusable skeleton card component written in Vuejs Motivation Loader spinner are boring. A skeleton card gives to the user a clue

Jul 17, 2022
A reusable NFT Preview Card Built With Vue.js
A reusable NFT Preview Card Built With Vue.js

Frontend Mentor - NFT preview card component solution This is a solution to the

Jun 8, 2022
Generic flip card in Vue that allows completely arbitrary content on each side

vue-flip-card demo Generic flip card that allows for completely arbitrary content on each side. Slot-ified version of Karakanb's awesome vue-info-card

Feb 15, 2022
Vue 3 card swiper proof of concept

Vue 3 Card Swiper This is a proof of concept for a card swiper for Vue 3, styled with Tailwind CSS. ORIGINAL VITE README BELOW Vue 3 + Typescript + Vi

Mar 9, 2022
A pokemon card take-home assignment is written in Vue

Pokemon Card Take-Home Assignment - Vue Getting Started Pokemon Card Take-Home Assignment is written in Vue. Prerequisites Set up your local developme

Jan 2, 2022