Docs Components Blocks

⌘K

Getting Started

Introduction Installation Theming

Components

Accordion AI Chat Input Alert Animated Group Animated Number Avatar Badge Border Trail Breadcrumb Button Button Group Calendar Card Chart Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Dropdown Menu Empty Field Glow Effect Input Input Group Item Kbd Menubar Novel Editor Pagination Progressive Blur Progress Select Sheet Skeleton Sonner Spinner Spotlight Switch Table Tabs Text Effect Text Shimmer Textarea Toggle Toggle Group Tree Typography

Credit Card

A beautiful credit card component with gradient backgrounds, masked card numbers, and interactive features.

CNN license

Card number

•••• •••• •••• 9010

Cardholder

Bryce Mohatasb

Exp Date

••/••

CVC

•••

Sheet Example

Credit card component displayed inside a sheet for payment forms or settings panels.