Components Library

Switch (Shadcn)

Regular

Disabled

Children - Left

Children - Right

Buttons (Shadcn)

Primary

Disabled

Success

Success

Destructive

Ghost

Outline

Medium

Small

Small Outline

Icon

Link

Checkbox (Shadcn)

Regular

Indeterminate

Disabled

With Children

Secondary

Destructive

Radio (Shadcn)

Regular (Shadcn)

Regular (Shadcn)

Radio

Regular

Disabled

Inputs (Shadcn)

Regular

Disabled

Inputs

Search Box

Search Box Right Icon

Search Box Disabled

Input Box

Input Box No Border

Input Box Active

Input Box Error

Input Box Trailing Symbol

Input Box Right Entry

Input Box Label Buttons

Slider (Shadcn)

Slider Default

Slider Supercharged

Font Size

text-xss

text-xs

text-sm

text-base

text-base

text-lg

text-xl

text-2xl

text-3xl

text-4xl

text-5xl

h1

h2

h3

h4

h5
h6

subtitle1

subtitle2

body1

body2

button

caption

override

Color

white-full

white-high

white-emphasis

white-mid

white-disabled

white-faint

wosmongton-100

wosmongton-200

wosmongton-300

wosmongton-400

wosmongton-500

wosmongton-700

ion-100

ion-300

ion-400

ion-500

ion-700

bullish-100

bullish-300

bullish-400

bullish-500

bullish-600

osmoverse-100

osmoverse-200

osmoverse-300

osmoverse-400

osmoverse-500

osmoverse-600

osmoverse-700

osmoverse-800

osmoverse-810

osmoverse-825

osmoverse-850

osmoverse-860

osmoverse-900

osmoverse-1000

ammelia-400

ammelia-600

rust-200

rust-300

rust-500

rust-600

rust-700

rust-800

wireframes-darkGrey

wireframes-grey

wireframes-lightGrey

error

missionError

superfluid

supercharged

black

inherit

barFill

chartGradientPrimary

chartGradientSecondary

yourBalanceActionButton

Icons

search

up-down-arrow

chevron-up

chevron-down

chevron-left

chevron-right

setting

info

hamburger

close

close-thin

globe

dust-broom

arrow-right

close-small

tune

help-circle

kado-logo

transak-logo

more-menu

sort-up

sort-down

check-mark

minus

walletconnect

alert-triangle

twitter

medium

github

wallet

lightning

lightning-small

left-right-arrow

sandbox

arrow-right

zoom-in

zoom-out

refresh-ccw

superfluid-osmo

bell

email

telegram

smartphone

open-book

pie-chart

gift

down-arrow

swap

alert-circle

chart

vote

external-link

web

X

star

sleep-bell

Assets

Copy

Credit Card

External Link

Logout

QR

Right Arrow

Unlock

Fallback Image

fallback-img

Gradient View

Pool Assets

Osmo
Osmo
Osmo

Pool Assets Name

OSMO / BTC

Coins

Rate Ring 25%

25%

Rate Ring 50%

50%

Rate Ring 75%

75%

Rate Ring 100%

100%

Token

50%
Osmo
osmosis-1
Custom Buttons

Arrow

Chart

Clipboard

Icon

Link

right

Label

Link Icon

Show More

Switch Wallet

Tooltips

Tooltip Text

Hover Me

Tooltip Icon

Loaders

Metric Loader

Skeleton Loader

Spinner

Loading...

Skeleton (Shadcn)

Radio with Options

Primary Small

Primary Large

Secondary Small

Secondary Large

Menu Dropdown
Checkbox Select
Stake Tab
Stake
Unstake
QR Codes

QR Code

QR code logo
Steppers

Stepper

step1

Stepper Stop On Hover

step1

Stepper Stop On Last Slide

step1