mtversemtverseui
Main homepage

MENU

UI ElementsFormsTablesChartsAdvanced UIExtended UI
EcommerceAnalyticsMarketingCRMStocksSaaSLogisticsAINEWSalesNEWFinanceNEW
Text GeneratorImage GeneratorCode Generator
ProductsOrdersCustomersInvoicesTransactionsCoupons
CalendarChatEmailTasksFile ManagerSupport
World MapRoute MapDensity Map
ProfileSettingsPricingFAQAPI KeysIntegrationsActivity LogNotificationsTeamSuccessBlank Page404 Error500 Error503 ErrorComing SoonMaintenance
Sign InSign UpForgot Password
Arun Pandian

Arun Pandian

arun@mtverse.io

⌘K

UI Elements

Source Free

Explore the comprehensive UI component library

Source Free

All Source Free UI Elements

50 Components
ButtonsAlertsBadgesCardsDropdownsModalsTabsAccordionsTooltipsProgressSpinnersSkeletonsAvatarsPaginationPopoversToastsTimelinesTypographyBreadcrumbEmpty StatesTag InputCode BlockDividersChipsSwitchesRadio GroupsCheckboxesText InputsTextareasSelect MenusRange SlidersFile UploadColor SwatchesIcon ShowcaseData TagsNotification BadgeStatus IndicatorCountdown TimerGradient TextAnimated UnderlineKeyboard KeysMetric CardsComparison ToggleScroll IndicatorResizable PanelCollapsible SectionsDrag Handle ListTabs with IconsVertical NavBreadcrumb with Dropdown

Alerts

View Source

Info Alert

This is an informational message for your attention.

Success Alert

Your changes have been saved successfully.

Warning Alert

Please review before proceeding further.

Error Alert

Something went wrong. Please try again later.

Badges

View Source
DefaultBrandSuccessWarningErrorInfo
ActivePendingInactive
ReactTypeScriptTailwind

Buttons

View Source

Variants

Sizes

With Icons

Icon Only

Button Group

Loading & Disabled

Cards

View Source

Basic Card

Card subtitle

This is a basic card with a title, body content, and footer section. Cards are versatile containers.

Total Revenue

$45,231

+20.9%

Monthly Users

12,847

vs 11,200 last month

AM

Alex Morgan

Senior Developer

142

Projects

8.9K

Followers

4.8

Rating

Popular

All Bundle

$49one-time
  • All Dashboard Variants
  • 500+ Components
  • Priority Support
  • 12 Months Updates
  • Source Files

Bounce Rate

34.2%

-2.4%

Dropdowns

View Source

Modals

View Source

Tabs

View Source

Underline Style

Content for Overview tab. Switch between tabs to see different content panels.

Pill Style

Showing All items with pill-style navigation.

Accordions

View Source

Single Expand

mtverse admin is a comprehensive admin dashboard template built with Next.js, Tailwind CSS, and modern web technologies. It provides a rich set of UI components and dashboard layouts.

Multiple Expand

mtverse admin is a comprehensive admin dashboard template built with Next.js, Tailwind CSS, and modern web technologies. It provides a rich set of UI components and dashboard layouts.

Tooltips

View Source

Progress Bars

View Source
Default65%
Success85%
Warning45%
Error30%
72%
Storage72%
Bandwidth56%
CPU89%

Spinners

View Source
Small
Medium
Large
Success
Warning
Error

Skeleton Loaders

View Source

Avatars

View Source

Individual

AM
SC
MJ
ED
DW

Group

AM
SC
MJ
ED
DW
+3

With Status

AM
SC
MJ

Timeline

View Source

New order placed

Order #7892 by Sarah Johnson

2 min ago

New user registered

mike.peters@example.com

15 min ago

Payment received

$12,500 from Acme Corp

1 hr ago

Server alert

CPU usage above 85%

2 hrs ago

New review

5-star review from Emily Chen

3 hrs ago

Pagination

View Source

Toast / Notification

View Source

Breadcrumb

View Source
ComponentsUI Elements
Home/Dashboard/Analytics/Reports

Empty States

View Source

No Data Found

There are no items to display. Start by adding your first item.

No Results

Your search did not match any results. Try adjusting your search terms.

Tag Input

View Source
Next.jsReactTailwindTypeScript

Press Enter to add a tag

Code Block

View Source
const greeting = "Hello, mtverse!";
const features = [
  "Dashboards",
  "Components",
  "Charts"
];

features.map((feature) => {
  console.log(greeting + " - " + feature);
});

Popovers

View Source

Typography

View Source

Headings

Heading 1 - Bold & Impactful

Heading 2 - Section Title

Heading 3 - Subsection

Heading 4 - Card Title

Heading 5 - Small Section
Heading 6 - Caption

Text Sizes

Extra Small - For labels and fine print

Small - Body text and descriptions

Base - Default paragraph text

Large - Emphasized content

Extra Large - Featured content

Font Weights

LightRegularMediumSemiboldBoldExtra Bold

Unordered List

  • Dashboard analytics overview
  • Real-time data visualization
  • Customizable widget layouts
  • Multi-language support

Ordered List

  1. Install the package
  2. Configure your theme
  3. Build your components
  4. Deploy to production

Dividers

View Source

Simple


Dashed


With Label

OR

With Icon

Gradient

Chips

View Source

Action Chips

Static Chips

Design Development Marketing Analytics

Switches

View Source

Notifications

Receive push notifications

Dark Mode

Use dark theme

Auto Save

Automatically save changes

Color Variants

Radio Groups

View Source

Plan Selection

Size Selection

Checkboxes

View Source

Individual

Select All (Indeterminate)

2 of 4 selected

Text Inputs

View Source

Email is valid

Please enter a valid email

Must be at least 8 characters long

Textareas

View Source

Share your thoughts

0/200

Select Menus

View Source
`r`n
DashboardReports

Range Sliders

View Source
50%
0%25%50%75%100%
ColdWarmHot

File Upload

View Source

Drag & drop files here

or click to browse (PDF, DOC, JPG up to 10MB)

Color Swatches

View Source

Brand

Success

Warning

Error

Icon Showcase

View Source
Home
Search
Settings
Bell
Mail
User
Heart
Star
Plus
Trash2
Edit3
Eye
Download
Upload
Copy
Check
Info
Alert
Shield
Globe
Cpu
Wifi
Camera
MapPin
Calendar
Phone
Lock
Tag
Bookmark
Layers
Database
Cloud
GitBranch
Terminal
Zap
Filter

Data Tags

View Source
Status:Active
Priority:High
Type:Feature
Assignee:Alex M.
Sprint:Q1-2024
Estimate:8 pts
CreatedJan 15, 2024
Updated2 hours ago
AuthorSarah Chen
Versionv2.4.1

Notification Badge

View Source

Badge Variants

LabelNew
Label99+
LabelBeta

Status Indicator

View Source
Online
Away
Busy
Offline

With Avatars

AM

Alex Morgan

Online

SC

Sarah Chen

Away

MR

Mike Ross

Busy

JD

Jane Doe

Offline

Countdown Timer

View Source
12
Days
:
05
Hours
:
48
Minutes
:
22
Seconds
12d 05h 48m 22sremaining

Gradient Text

View Source

Gradient Heading

Multi-Color Gradient

Warm Gradient

Cool Gradient

Brand ButtonFresh ButtonWarm Button

Animated Underline

View Source

Hover Underline

DashboardAnalyticsReportsSettings

Active Underline

DashboardAnalyticsReportsSettings

Keyboard Keys

View Source
ShiftCtrlAltCmdTabEscEnter
Command palette
Ctrl+K
Save document
Ctrl+S
New project
Ctrl+Shift+N
Toggle comments
Ctrl+/
Close modal
Esc

Metric Cards

View Source

Total Revenue

$48,295

+12.5% from last month

Active Users

12,847

+8.2% from last month

Bounce Rate

24.3%

-3.1% from last month

Conversion

3.24%

+1.8% from last month

Comparison Toggle

View Source

Plan A

Basic features for individuals

$9/month
  • 5 Projects
  • Basic Analytics
  • Email Support

Scroll Indicator

View Source
0% read

Resizable Panel

View Source

Panel A

50%

Panel B

50%

Collapsible Sections

View Source

Configure your basic application settings including language, timezone, and display preferences.

Drag Handle List

View Source

Design system setup

High

Component library

Medium

API integration

High

Testing suite

Low

Documentation

Medium

Tabs with Icons

View Source

Content for Dashboard tab with icon navigation.

Icon Only

Vertical Nav

View Source

Breadcrumb with Dropdown

View Source
Home
ElectronicsLaptops
DashboardUI Elements