Primary Buttons
Badge Button
Secondary Buttons
Alerts
This is a guideline for you on how to create your first product in your store
Alert Pills
This is a guideline for you on how to create your first product in your store
Badges
This is a guideline for you on how to create your first product in your store
Avatar
This is a guideline for you on how to create your first product in your store
Avatar with Image
Avatar with Online Status
Acronym Avatar
Tabs Component Example
Default (Medium) Size
Overview
This is the overview section of our product. Here you can find general information about features, benefits, and getting started guides.
Small Size
Segments
View and manage your customer segments. You can create new segments, edit existing ones, or analyze segment performance.
Large Size
Dashboard
Get a comprehensive view of your key metrics and performance indicators. The dashboard provides real-time data visualization.
Pagination Example
- Item 1ID: 1
- Item 2ID: 2
- Item 3ID: 3
- Item 4ID: 4
- Item 5ID: 5
Medium Size (Default)
Small Size
Large Size
With First/Last Buttons
Progress Bar Component Demo
Default Progress Bar
Small
Medium (Default)
Large
Custom Max Value (0-200)
Circular Progress Bars
Primary (Small)
Success (Medium)
Warning (Large)
Danger (with label)
Info (no percentage)
Task Progress Bars
Indeterminate Progress Bars
Manual Progress Example
Default Tag Input
Disabled Tag Input
Small Danger Tags (Max 5)
Large Success Tags
Input Components
This is some helpful information
This username is already taken
Dropdown Components
Please select a team member from the list
Phone Number Component
CheckBox Examples
Default
Active
Indeterminate
Disabled states
Subscription Plans
Rich Text Editor Examples
Default Editor
This is a guideline for you on how to create your first product in your store
Editor with Initial Content
Disabled Editor
Current Editor Content (HTML)
Cards
This is a guideline for you on how to create your first product in your store
Basic Information
Everything you need to know about your account
Check your profile settings and update your preferences.
Intro to Product Design
Learn the fundamentals of product design
Intro to Product Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, elit nibh et nis
Master design principles and user experience
Intro to Product Design
Join our community of designers
Intro to Product Design
Almost done! Complete your final projects