crd-ui

crd-ui is a dependency-free credit and debit card component with one package for React, Vue, Svelte and vanilla JS, the adapters exposed as subpath imports. Typing a number detects the brand and applies its theme, with live detection for Visa, Mastercard, Amex, Discover, Diners Club, JCB, UnionPay, Maestro, Elo and Hipercard, and focusing the CVC field flips the card over. Six variants ship by default, from sunset to graphite, with an optional tilt, and every color, size, radius and font is a CSS custom property you can override. A display layout presents a saved card instead, moving expiry and CVC to the front, masking empty values, and making revealed fields click-to-copy.