Brand Color Demo
Select a color:
Reset to Default
Application
Dashboard
HQ Dashboard
Branch Dashboard
Sales
POS, KDS, Checkout
Live Orders
Order History
Reports
Menu Management
Menu
Categories
Pricing & Availability
Recipes
Loyalty Program
Overview
Members
Rewards
Settings
Reports
Inventory
Stock Overview
Ingredient Items
Stock Request
Stock Transfer Out
Stock Transfer In
Stock Transfer Logs
Reports
Waste Management
Overview
Waste Logging
Reports
Purchasing
Purchase Orders
Suppliers
Reports
Admin Settings
Organization
Users
Roles & Permissions
POS & Devices
Tax & Service Charges
System Preferences
Backup & Restore
System Logs
UI & Pages
UI Components
Alert Dialog
Avatar
Badge
Button
Callout
Card
Checkbox
Checkbox Group
Checkbox Cards
Data List
Dialog
Dropdown Menu
Hover Card
Icon Button
Popover
Progress
Radio
Radio Group
Radio Cards
Scroll Area
Segmented Control
Select
Separator
Skeleton
Slider
Spinner
Switch
Table
Tabs
TabNav
TextArea
TextField
Tooltip
Pages
Login
Forgot Password
Reset Password
Three-Level Menu
Submenu Item 1
Submenu Item 1.1
Submenu Item 1.2
Submenu Item 2
Resources
Documentation
Support
Headquarters (HQ)
Peter Bryan
HQ Admin
Select
Default
Default
With Placeholder
Select a fruit
With Disabled Item
Select a fruit
Sizes
Size 1
Select a fruit
Size 2
Select a fruit
Size 3
Select a fruit
Variants
Surface Variant
Select a fruit
Classic Variant
Select a fruit
Soft Variant
Select a fruit
Ghost Variant
Select a fruit
Colors
Indigo
Select a fruit
Blue
Select a fruit
Green
Select a fruit
Amber
Select a fruit
High Contrast
Default
Select a fruit
High Contrast
Select a fruit
Radius
Radius None
Select a fruit
Radius Large
Select a fruit
Radius Full
Select a fruit
Placeholder
With Placeholder
Choose your favorite fruit
With Default Value
Position
Position Top
Select a fruit
Position Bottom
Select a fruit
With SSR (Server Side Rendering)
Dynamically Generated Options
Apple
With Icon
Light
© 2025 EatlyPOS. All rights reserved.