Yellow Card Design System

Appearance

v4.13

Build with Yellow Card

Vue 3 components for consistent, accessible financial interfaces.

Components that ship

40+ production-ready components built for financial interfaces.

Active
Pending
Notifications
65%
Failed

Components

40+

Production-ready

TypeScript

100%

Full type coverage

Accessibility

AA

WCAG 2.1 compliant

Tree-Shakeable

Yes

Import only what you need

Get started in seconds

Install the package and start building immediately.

Install
npm install @yellowcard/b2b-design-system
Import
import { Button, Badge, Display } from '@yellowcard/b2b-design-system';