Monobank Storybook

Accordion

Кредитні кошти

Credit / Default

Кредитні кошти

Покупки у торговій мережі, поповнення мобільного, платежі по Україні та комунальні платежі у застосунку: в межах доступного ліміту

Credit / Open

Який пільговий період у картки monobank

FAQ / Default

Який пільговий період у картки monobank

Пільговий період до 62 днів з момента заборгованості, до останього дня наступного місяця

FAQ / Open

Список покупок

Суміш горіхів і сухофруктів солодка, 250г

x 1

73.99 ₴

Purchase / Default

Список покупок

Суміш горіхів і сухофруктів солодка, 250г

x 1

73.99 ₴

Сума до знижки889.55 ₴

Знижка0.00 ₴

Сума73.99 ₴

Відкрити фіскальний чек

Purchase / Open

Action Bar

Скасувати переказ

Готово

Bottom / Continue

+100 ₴

+500 ₴

+1 000 ₴

Коментар...

Продовжити

Bottom / Enter Sum

Avatar

Avatar / 24x24

Avatar / 40 / Photo

Avatar / 40 / Icon

ABC

Avatar / 40 / ABC

Avatar / 48 / Image

Avatar / 48 / Icon

JD

Avatar / 56 / Placeholder

Avatar / 64 / Image

Avatar / 64 / Icon

Avatar / 72

Avatar / 108

Avatar / Stack / 3

Avatar / 32 / Icon

Змінити фото

Card / Change Avatar

Badge

m

24x24 / Mono

24x24 / Image

24x24 / Icon

1

24x24 / Number

32x32 / Icon

monobank

Monobank

-3%

Cashback / Percent

Cashback / Pundiki

Balance

50 000 ₴

Balance / Home Default

50 000 ₴

Balance / Detail

Мінімальний платіж 1 200 ₴ до 15 квітня

Balance / Credit Message

Кешбек за березень: 245 ₴

Balance / Message

Bank Card

Black Cardmono

5375 •••• •••• 1234

08/28VISA

Bank Card / Black

White Cardmono

5375 •••• •••• 5678

12/27Mastercard

Bank Card / White

Bottom Sheet

Обрати рахунок

Чорна картка

Золота картка

Bottom Sheet / Select Menu

Чорна картка 15 234 ₴

Bottom Sheet / Select Account

Button

Button Subtitle

Button / Primary / Default

Button Subtitle

Button / Primary / Disabled

Button

Button / Secondary

Button

Button / Secondary Cancel

Button Subtitle

Button / Dark

Slide to confirm →

Button / Slider

Calendar

March 2026

Mon

Tue

Wed

Thu

Fri

Sat

Sun

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Calendar

Cards

Card Title

Default white card with 16px radius

Card / Default

Elevated

With shadow elevation

Card / Elevated

Secondary

Grey background #f4f4f4

Card / Secondary

Dark

Dark background card

Card / Dark

Large

20px corner radius

Card / Large (r20)

Carousel

Page Control

Charity

🫙

Jar Name

Goal: 50 000 ₴

32 500 ₴ raised65%

Charity / Jar

Support Ukraine 🇺🇦

Donate to help those in need

Charity / Donate

🫙

Medical supplies

12 400 / 25 000 ₴

50%

Charity / List Item

send.monobank.ua/jar/abc123

Charity / Share Link

Chip

Circular Button

За реквізитами

Circular / P2P

IBAN

Circular / IBAN

Інші платежі

Circular / Other

Контакт

Circular / Contact

Circular / Action

Comments

JD

John Doe12:45

Thanks for the transfer! 🙏

Comment / Default

Got it, sending now!

Comment / Outgoing

Please send 500 ₴ to my card

Comment / Incoming

Contacts

AB

Anna Bondar

+380 97 123 45 67

ОК

Олексій Коваленко

+380 66 987 65 43

Contact / List

AB

Anna

ОК

Олексій

ІП

Ірина

Contact / Recent

Controls

Checkbox / Default

Checkbox / Active

Checkbox / Disabled

Radio / On

Radio / Off

Switch / Off

Switch / On

Option label

Select Option

Copy Link

send.monobank.ua/jar/abc123

Copy Link

Data Display

Commission0 ₴

Total1 000 ₴

Summary Rows

TransactionsSee all

Section Header

15 234 ₴

Income

-8 120 ₴

Expenses

Stat Cards

7 180 ₴Total

Pie Chart

Divider

Divider / Line

Divider / Inset

Text

Divider / Text Center

Text

Divider / Text Left

Documents

Contract Agreement

PDF · 2.4 MB · 15.03.2026

Document / Item

Statement

March 2026

PDF · 1.2 MB

Document / Card

Dropdown

₴

1 000 ₴

Dropdown / My Card

₴

На чорну карту

Dropdown / Recipient

Empty State

No results found

Try changing your search query or filters

Empty State

Feedback

Інформаційне повідомлення

Toast / Neutral

Успішно виконано

Toast / Positive

Помилка

Toast / Negative

Toast Text

Toast / Warning

Інформаційний банер з деталями

Banner / Inline

Дозвольте доступ до камери для сканування QR

Banner / Permission

Інформаційне повідомлення з описом дії

Info Message

Field

Placeholder

Field / General / Default

Label Value

Field / General / Filled

Label Value

Error message

Field / General / Error

Пошук

Field / Search

Коментар...

Field / Comment

1 000 ₴

Field / Amount Input

1

2

3

_

Field / Digit Group

0 ₴

500 ₴

Field / Mini Amount

Gradient Card

Special Offer

Gradient card with custom background

Gradient Card

Keyboard

Q

W

E

R

T

Y

U

I

O

P

A

S

D

F

G

H

J

K

L

⇧

Z

X

C

V

B

N

M

⌫

123

space

return

Keyboard / iOS

List Item

Title Subtitle

-1 000 ₴

List Item / Transaction

Title Subtitle

List Item / Action

Title Subtitle

List Item / Menu

Title Subtitle

List Item / Checkbox

Title Subtitle

List Item / Settings Toggle

Чорна картка 5375 •••• 1234

List Item / Select Card

Title Subtitle

Settings List

Loaders

m

Loader / Mono

Progress Bar

Step Indicator / Full

Step Indicator / Medium

Modals

🐱

Дозвіл Дозвольте доступ до камери для сканування

Дозволити

Permission Dialog

Navigation Bar

Title Subtitle

Header / Neutral White

Title Subtitle

Header / Neutral Grey

Title

Header / Simple

Header / Icon Only

Header / Actions

PFM

🍔

Food & Drinks

42 transactions

-4 520 ₴32%

🚕

Transport

18 transactions

-2 100 ₴15%

PFM / Category List

March spending

Expenses-14 230 ₴

Income+28 000 ₴

PFM / Summary Card

Budget: Food4 520 / 6 000 ₴

1 480 ₴ remaining

PFM / Budget

Pinpad

Passcode / Circles

1

2

3

4

5

6

7

8

9

0

Pinpad

QR Code

QR Code Frame

Segmented Control

Segment

Segmented / Standard

Tab 1

Tab 2

Tab 3

Segmented / 3 Tabs

All

Income

Outcome

Segmented / Ghost

Active

Default

Segmented / Text Underline

Shimmer

Shimmer / Loading

Shortcuts

За реквізитами

За IBAN

Інші платежі

Shortcuts / Main

Кешбек

Налашт.

QR

Shortcuts / Row

Stepper

3 місяці

Stepper

Tab Bar

Картки

Кредити

Накопичення

Ще

Маркет

Tab Bar / Adult

Toast

Payment sent successfully

Toast / Default

Typography

Display Large

Display Large / 48px

Display Medium

Display Medium / 40px

Display Small

Display Small / 32px

Heading Large

Heading Large / 28px

Heading Medium

Heading Medium / 24px

Heading Small

Heading Small / 20px

Heading XSmall

Heading XSmall / 18px

Body Regular 16

Body Regular / 16px

Body Semibold 16

Body Semibold / 16px

Body Regular 14

Body Regular / 14px

Body Semibold 14

Body Semibold / 14px

Caption Regular 12

Caption Regular / 12px

Caption Medium 10

Caption Medium / 10px