Dev Design LibraryPayment Card Components
Dev Design Library indexes 18 payment card components from 11 open-source UI libraries, with the most coming from UI Lab, FLX UI, OpenSourceUI, ZAYX and beUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Payment card components belong to the Widgets group.
Smart Card DispenserAmicro Micro Transitions · ReactCredit card dispensing slot ejecting smart pass upwards on trigger.
Credit CardUntitled UI React · React
Wallet CardbeUI · ReactWallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with…
Card-15 - Credit CardShadcn Space · ReactAn interactive credit card with 3D flip animation, masked card number, balance toggle, and quick action buttons.
Credit Card GlassOpenSourceUI · React
Card InputUI Lab · ReactFormats as you type, spots the card brand, and flips to show the CVC.
Payment formFLX UI · ReactName on card, card number with icon, expiry, CVC, and country select fields with a pay button.
Dither Credit CardSkecher UI · ReactA pointer-responsive payment card with a restrained dithering shader and spring-smoothed depth.
Card InsightZAYX · React Native
Glass Credit CardOpaline · ReactA glass payment card that tilts to the pointer, flips to its back and detects the brand.
Credit Card InputReactFrame · ReactA grouped card number, expiry and CVC field: brand detection with an animated mark, 4-4-4-4 or Amex 4-6-5 spacing…
Wallet Pass CardOpenSourceUI · React
Card Number RevealUI Lab · React
Card FormFLX UI · ReactCard Form for Payment.
Payment CardUI Lab · React
Saved MethodsFLX UI · ReactSaved Methods for Payment.
Wallet CardsUI Lab · React
Express WalletsFLX UI · ReactExpress Wallets for Payment.