极具质感的支付表单银行卡交互组件:支持实时卡组织识别、3D 真实翻转、丰富卡面材质。零外部依赖,统一支持 React/Vue/Svelte/原生 JS。
Try itUsageBrandsDisplayBackgroundsLocalizationStripeAPIAI & agentsPlaygroundCustomizeWith TailwindStyle any sectionInteractive 3D Card PreviewCard Number Auto-formatterExpiry Date InputCVV / CVC with Auto-flipBrand Detection (Visa, Mastercard, Amex, JCB, UnionPay, Discover)Hologram & Microchip LayersCustom Card Gradient ThemesInternational Form Localization
crd-ui 是一套专为高转化支付结账页打造的逼真 3D 信用卡输入组件。当用户在表单中输入卡号时,卡面会自适应进行 4 位分段格式化,并在毫秒级内自动匹配识别 Visa、Mastercard、Amex、JCB、银联等主流卡组织标志;光标聚焦至安全码输入框时,卡片将触发平滑真实的 3D 翻转翻至背面。纯 CSS 3D 硬件加速,零第三方依赖,打包体积小于 10KB。