Framework
v1.0.116
ABOUT
About
Getting started
COLORS
Introduction
References
TYPOGRAPHY
Introduction
References
ICONS
Introduction
References
BASICS
Animation
Surfaces
ACTIONS
Buttons
Dropdown
Modals
Switch
Toasts
CONTENT
Alert
Avatars
Badge
Carousel
Chat
Checkmarks
Chips
Empty states
Header
List items
Loaders
Reward ladder
Scrollbars
Separator
Tables
Tooltips
NAVIGATION
Accordion
Breadcrumbs
Drawer
Links & hovers
Menu
Navbar
Pagination
Tabs
STATS & NUMBERS
Countdown
Gauge
Icon holder
Progress bars
Stats
Stepper
Steps
FORM
File inputs
Form example
Radio, checkbox, toggle
Range inputs
Select inputs
Text inputs
CARDS
Content
Ladder
Mission
Recap
Tournament
EFFECTS
Explosion
TYPOGRAPHY
Format
Lists
TEMPLATES
Achievements
Battle Pass
Currencies
Daily reward
Footer
Ladder info
Notifications
Tournament brackets
Chips
Default
Primary
Text only
Label
Icon + text
Label
Text + icon
Label
Secondary
Text only
Label
Icon + text
Label
Text + icon
Label
Premium
Text only
Label
Icon + text
Label
Text + icon
Label
Inverted
Label
XP
Normal
Label
Inverted
Label
Token
Normal
Label
Inverted
Label
Ticket
Normal
Label
Inverted
Label
Ghost
Normal
Label
Inverted
Label
With close button
Primary
Label
Secondary
Label
With avatar
Primary
Label
Label
Secondary
Label
Label
Sizes
Medium
default
Label
Label
Label
Label
Small
Label
Label
Label
Label
Extra small
Label
Label
Label
Label
Roundness
Tracker required
Tracker required
Tracker required
Sliced
Default
Label
Blue
Label
Gray
Label
Premium
Label
Reward
XP
default
Normal
default
500
Inverted
500
Token
Normal
default
10
Inverted
10
Ticket
Normal
default
1
Inverted
1
Premium
Normal
default
1
Inverted
1
Neutral
Normal
500
Small
Small
2
500
500
+100 premium
Status
Default
default
Label
Label
Label
Main
Label
Label
Label
Attention
Label
Label
Label
Success
Label
Label
Label
Info
Label
Label
Label
Error
Label
Label
Label
Transparent
Label
Label
Label
Success (with badge)
Online
Online
Online
Default (with badge)
Offline
Offline
Offline