DOM Studio
AIComponentsFormsDataChartsVisualMobileBlocksHeadless
Get
Sign In Get full access
Get

Documentation

InstallNew
ThemingNew
Component metadata

AI

Overview
AI UI guide
AI builders
Agent chat shell
Audio controls
Audio input
Audio visualizer
Camera input

Tools

JSON UnstringifierNew
StudioPro
Playground

Experiments

CSS button builder
Liquid glassNew

Components

Overview
Accordion
Breadcrumbs
Button
Command palette
Context menu
Dialog
Drawer
Dropdown
Icon button
Lightbox
Menu
Menu stack
Pagination
Popover
Profile menu
Scroll menu
Splitter panel
Stepper
Tabs
Theme switcher
Toast stack
Toolbar
Tooltip
Tree view
Video feed

Data

Overview
Activity timeline
Data grid
Document editor
Filter bar
Gantt
Kanban
Media browser
Month calendar
Week planner

Data Visualisation

Overview
FinanceNew
Area chart
Bar chart
Date range picker
Donut chart
Line chart
Metric card
Sparkline

Dev

Overview
Code block
JSON viewer

Forms

Overview
Autocomplete
Calendar
Checkbox
Class toggle input
Code input
Color input
Combobox
Confirmation code input
Date picker
Date time picker
Email input
Field
File upload
Form
Icon selector
Input group
JSON input
JSON list input
Listbox
Money input
Native select
Number Input
Password input
Password strength
Position input
Radio group
Range input
Select
Select Input
Tag combobox
Text input
Textarea composer
Textarea input
Time selector
Toggle
Toggle button
Toggle button group
URL input
WYSIWYG field

Mobile

Beta
Overview
Action sheet
App bottom nav
App list item
App profile
App shell
App stack
App top bar
Bottom sheet
Safe area
Swipe actions

Visual

Icons
Alert
Avatar
Avatar stack
Badge
Card
Card rail
Empty state
Progress
Skeleton
Spinner
Status pill
Text diff

Blocks

Overview
App Shells5
AI Workspaces1
Dashboard
Command Palette
Collapsible Sidebar Shell
Application Layout
Communication3
Conversion4
Operations14
Commerce5
Content Management3
Work Management3
Collaboration2
Developer Experience7
Monetization4
Account Settings5
Financial Services2
Finance2
Data Capture2
Reliability1
Product Management2
Documents3
Trust & Safety1
Analytics3
Compliance3
Marketing2

Headless

Overview
Dropdown
Dialog
Drawer
Popover
Floating
Tabs
Toggle
Tooltip
Accordion
Combobox
Autocomplete

Pro

Get every blueprint, template & pre-built app.

View pricing →

Blocks

Vue Dashboard Template

Application UI

A responsive revenue dashboard with persistent navigation, compact metrics, reporting controls, and a mobile navigation fallback.

Starter

Product dashboard

Resize the isolated app viewport to verify its desktop sidebar, compact metric layout, and mobile navigation.

1200px

Built with

DomButtonComponentsDomCardVisualDomDropdownComponentsDomSelectFormsDomStatusPillVisual
ProductDashboard.vuevue
© 2026 DOM Studio
OverviewBlogAIToolsThemingComponentsVisualBlocksPricingGitHub