01 / FORM CONTROLS
A better starting point.
Searchable choices, multi-select tags, and dates that don’t get in the way.
Explore formsVue 3 · Web Components · Tailwind CSS
Ambitious apps.
Beautifully built.
A Vue UI library for the good stuff: rich data views, AI conversations, visual editors, and mobile experiences. All yours to shape.
The library, in actionReal components. Go ahead, interact.
Your next dashboard starts here.
Interactive charts, metrics, legends, and accessible data tables.
Monthly revenue
£31,200
+28.4%vs previous period
Monthly revenue trend
Active subscriptions
1,248
+16.2%vs previous period
Churn rate
1.8%
-12%vs previous period
A little momentum. A lot of possibility.
Sample revenue · April–September 2026 · GBP
View data for A little momentum. A lot of possibility.
| month | Subscriptions | Services |
|---|---|---|
| Apr | £12,400 | £5,800 |
| May | £14,600 | £7,800 |
| Jun | £13,800 | £6,000 |
| Jul | £18,400 | £8,400 |
| Aug | £17,500 | £6,800 |
| Sep | £21,600 | £9,600 |
Every journey starts somewhere.
Sample acquisition channels
View data for Every journey starts somewhere.
| Category | Value |
|---|---|
| 8,240 | |
| 3,620 | |
| 2,180 |
Select a channel to explore. Try the chart legends, too.
Area chart / Donut chart / Metric card Interactive demo · Sample data
Rich cards. Serious data.
Move media-rich project cards, then explore a customer grid with filters, sorting, and selection.
Rich media Kanban / Customer data grid / Filters & selection Interactive demo · Sample data
Give your agent a proper interface.
Conversations, messages, and tool results. Local simulated responses; no AI account needed.
Agent chat / Conversations / Tool results Interactive demo · Sample data
Your ideas. In full colour.
Design a poster with real HTML. Drag a layer to see alignment guides; try spacing, zoom, and undo.
Poster Studio · Beta / Snap guides / Layers & properties Interactive demo · Sample data
Small screen. Complete experience.
Explore nested settings, edit a profile, and try the switches.
App shell / Navigation stack / Settings screens Interactive demo · Sample data
Inspectable sourceLight & dark themesKeyboard interactionsMade for people & coding agents
Small details. Big difference.
Even the everyday feels considered.
02 / INTERACTIONS
The finishing touches, finished.
Commands, feedback, and controls that make an app feel like a product.
PublishedIn reviewDraft
Stay in the loop
03 / YOUR DESIGN LANGUAGE
Looks like you. Works like DOM.
Semantic tokens and editable styles. Turn a shared foundation into your own identity.
Make room for your ideas.
Your next great product
One system. Your possibilities.
From the first button
to the big picture.
Build with the pieces. Start from a complete screen. Let your coding agent help. The result is still code you can understand and change.
js
import { DomButton, DomCard } from '@getdom/studio/vue';
import '@getdom/studio/style.css';Start with the whole screen.
Dashboards, inboxes, billing, and operations. Copy a working block, then make it yours.
Browse app blocks ↗Go as deep as you need.
Polished Vue components on framework-neutral headless elements. Keep control of the markup, state, and styling.
Meet the foundations ↗Give your AI the same toolkit.
Component contracts, examples, and agent guidance help people and coding assistants build from the same pieces.
Build with AI ↗Make something worth using.
Explore locally. Choose a licence when you’re ready to ship.