Skip to main content
Home
Playground
Examples
Tokens
Surfaces
Accordion
AutoComplete
Avatar
Badges
Breadcrumbs
Buttons
Card
Carousel
Checkbox
Chips
CircularProgress
CollapsibleList
Combobox
Countries & Phone
Credit Card
Data Table
DataGrid
Date & Time
Dialog
Divider
Extras
Form Bindings
FormField
Icon Buttons
Icons
Input & Textarea
LinearProgress
Masonry Grid
Menu
Notifications
Pagination
Radio
Rating
row / col / box
SearchField
Select
Skeleton
Slider
Snackbar
SnackbarBanner
SpeedDial
Spinner
StackedSegments
swipeable
Switch
Tabs
Text
TextMenu
TextSelect
Toast Messages
Tooltip
Tree
Variable List (container)
Variable List (scroller)
VerticalSegments
Virtual List (container)
Virtual List (scroller)
Virtual Masonry
x-box
x-col
x-row

Examples

Real product UI patterns built entirely with mates-ui components — fully interactive, no mocks. Use the open-in-playground control on any example to edit it in the live editor.

Onboarding Form

File Upload

Billing Dashboard

Analytics Dashboard

Kanban Board

Tic-Tac-Toe

Tic-Tac-Toe (minimal)