UI Components
Buy Crypto
Checkout
Onchain Transaction
Payments API

Dashboard
Documentation
Github

Playground

Payments

Crypto Payments UI Components

Onramp, swap, & bridge over 1,000+ tokens to enable seamless crypto payments, checkouts, and transactions

Widget

Buy

Checkout

Transaction

Display Currency

Chain

Token

Amount

Payment Methods

Crypto

Card

Name

Image

Description

Button Label

Theme

Dark

Light

Colors

General

Modal Background

hsl(230 11.63% 8.43%)

Border

hsl(230 11.63% 17%)

Accent

#3385FF

Separator Border

hsl(230 11.63% 17%)

Muted Background

hsl(230 11.63% 12%)

Skeleton Background

hsl(230 11.63% 15%)

Texts

Primary Text

#eeeef0

Secondary Text

#7c7a85

Selected Text Color

hsl(230 11.63% 8.43%)

Selected Text Background

#eeeef0

Buttons

Primary Button Background

#eeeef0

Primary Button Text

hsl(230 11.63% 8.43%)

Secondary Button Background

hsl(230 11.63% 15%)

Secondary Button Text

#eeeef0

Secondary Button Hover Background

hsl(230 11.63% 17%)

Accent Button Background

hsl(216 100% 50%)

Accent Button Text

#eeeef0

Connected Button Background

hsl(230 11.63% 8.43%)

Connected Button Hover Background

hsl(230 11.63% 12%)

Icons

Secondary Icon Color

#7c7a85

Secondary Icon Hover Color

#eeeef0

Secondary Icon Hover Background

hsl(230 11.63% 15%)

Others

Danger

#e5484D

Success

#30A46C

Tooltip Background

#eeeef0

Tooltip Text

hsl(230 11.63% 8.43%)

Input Autofill Background

hsl(230 11.63% 8.43%)

Scrollbar Background

hsl(230 11.63% 12%)

Show Branding

Abstract away gas fees for users of your app by enabling ERC-4337 Account Abstraction

Learn more about Account Abstraction