Aristotle UI

Buttons

Badges

PurpleBlueGreenOrangeYellowRedOutline

Icons

sm
md
lg
xl
Play
Pause
Square
Volume2
VolumeX
Check
X
Plus
Minus
ChevronLeft
ChevronRight
ChevronUp
ChevronDown
Search
Menu
Settings
User
Heart
Star
Info
AlertTriangle
AlertCircle
CheckCircle

Inputs

Textarea

Toggle

Checkbox

Dropdown

Tooltip

Tabs

Manage your account settings and preferences.

Sliders

Interactive Slider

50

Progress Bars (readOnly + animated)

15%
5%

Audio Player

SoundHelix Song 1T. Schürger
0:00
0:00
SoundHelix Song 2T. Schürger
0:00
0:00

Modal

Cards

Default Card

Subtle with border

Card content goes here.

Elevated Card

Stronger shadow

With hover lift effect.

Outlined Card

Minimal style

Purple accent on hover.