Pricing

Vue component library pricing and licences.

A complete Vue and Web Component UI system you can own, edit, and ship. Choose an Individual or Team licence to unlock DOM Studio source access, generated examples, and the living documentation workflow.

One-time payment · Perpetual use · No subscription

For solo developers

Individual

For one developer building their own products and client projects.

$99USD · once

Introductory price

Regular price: $149 USD

Use forever · All v1 updates included

Future major upgrades are optional.

Generated Vue source shown before you copy
Private source repo and downloadable releases
Copy, import, or vendor with git subtree
Portable docs for your own app components
Unlimited personal, commercial, and client projects
Perpetual use with all v1 updates included

Get individual access

Read our Terms and conditions and Privacy policy before purchasing.

Team

For a company sharing one editable UI system across its team.

$299USD · once

Introductory price

Regular price: $499 USD

Use forever · All v1 updates included

Future major upgrades are optional.

Everything in Individual
Unlimited team seats inside your company
Client-project licence for customer codebases
App blocks for admin, billing, settings, and onboarding
Private examples and implementation notes
Employees and contractors working for your company

Get team access

Read our Terms and conditions and Privacy policy before purchasing.

Source access

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

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.

Editable 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	✓	✓

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.

Pay once and use the versions you receive forever. All v1 updates are included. Future major upgrades are optional and may be sold separately; you can keep using your existing version without paying again.

Yes. One named developer can use Individual for unlimited personal, commercial, and bespoke client projects. Clients can receive and maintain their finished product, but need their own licence to reuse DOM Studio in other products. Choose Team when multiple developers need to use the component library.

Team includes unlimited seats inside one organisation, including employees and contractors working on its behalf. It covers your own products and bespoke client projects.

Architecture reviews and consulting are separate services, scoped and priced independently of the software licence.

Existing purchases, including the £1 introductory offer, keep their purchased access. Any additional rights or services promised with your original purchase remain included.

Own, edit, and ship your UI system.

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 - $99 USD once Team - $299 USD once

14-day refund. No subscription required.