Dev Design Library

Payment form

Name on card, card number with icon, expiry, CVC, and country select fields with a pay button.

Payment form preview
Library
FLX UI
Framework
React
Type
block
License
AGPL-3.0
Install
pnpm dlx shadcn@latest add @flx/card-14
Files
  • registry/patterns/card/card-14.tsx
  • src/components/ui/button.tsx
  • src/components/ui/card.tsx
  • src/components/ui/field.tsx
  • src/components/ui/input.tsx
  • src/components/ui/input-group.tsx
  • src/components/ui/select.tsx
  • src/lib/utils.ts
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI