Pricing

Buy the source. Own the system.

Choose an Individual or Team licence. Both unlock DOM Studio source access, generated examples, and the living documentation workflow.

One-time payment · Lifetime v1 access · No subscription

See the code before you bring it home.

DOM Studio access shows the generated source that powers each component or block. It is built from DOM Studio primitives, so the code you preview is the code you can copy, edit, and document inside your own app.

Generated from DOM Studio primitives
Uses DomForm and headless behaviours
Ready to copy into src/pages
Documented automatically when added

Generated sourceInviteDialog.vue

<script setup>
import { DomButton, DomForm } from '@getdom/studio/vue';

const schema = {
	title: 'Invite teammate',
	fields: [
		{ name: 'email', type: 'email', label: 'Email', required: true },
		{ name: 'role', type: 'select', label: 'Role', options: ['Admin', 'Editor'] },
	],
};
</script>

<template>
	<dom-dialog>
		<DomButton slot="trigger">Invite teammate</DomButton>
		<DomForm :schema="schema" submit-label="Send invite" />
	</dom-dialog>
</template>

What's included

A component library you can fold into your product.

Source-first delivery

Every paid component is visible as generated source. Copy it into your app, import it as a package, or vendor the whole workspace with git subtree.

Portable living docs

Bring the DOM Studio documentation engine into your own product. It discovers local components, examples, props, and usage notes automatically.

Editable generated apps

Generated screens are built from the same headless primitives, DomForm, and Vue components you can inspect and change.

Theme ownership

Styles are token driven and designed to be copied. Your app owns the CSS variables, spacing, radius, and final look.

Compare

Choose the licence that matches how you ship.

Feature	Individual	Team
Generated source preview	✓	✓
Private source releases	✓	✓
Copy and subtree workflow	✓	✓
Portable docs engine	✓	✓
Use in your own products	✓	✓
Unlimited team seats	—	✓
Client-project licence	—	✓
Architecture review	—	✓

FAQ

Questions, answered.

Yes. The paid version is source access, not a black-box dependency. You can inspect the generated source on the site, download releases, copy individual components, or vendor the repo into your project.

No. Import mode is there when it is convenient. Copy mode and git subtree mode are there when you want to own and edit the code inside your app.

That is the plan. The docs engine is designed to discover your copied components and examples, so each app can carry its own living component library without setting up Storybook.

Yes. Theme values are CSS variables and component styles are designed to be copied into your project. The host app owns the final tokens, not the package.

Individual and Team licences are one-time purchases with lifetime access to DOM Studio v1 releases. Future major versions may be sold separately, with upgrade pricing for existing customers.

Team includes unlimited seats inside your organisation and the right to ship DOM Studio source into client codebases as part of paid project work.

Get the source and make it yours.

Buy once for DOM Studio v1 access. Copy components into your app, vendor the workspace with git subtree, and keep the living docs close to the code.

Individual - £1 once Team - £499 once

14-day refund. No subscription required.