Board
Version: 0.0.12
Created: 07/17/2025
Updated: 08/12/2025
A flexible board component built for smooth panning, zooming with a grid layout. It supports both mouse and touch input, making it a great fit for whiteboards, diagram tools, mind maps, and workflow editors. Designed for performance and responsiveness, it delivers a fluid experience on desktop and mobile with intuitive gestures and real-time interaction on a scalable canvas.
Installation guide for external usage
Note: Components is also available in Vue Play Studio via drag-and-drop.
Install using npm
npm install https://manager.vueplay.io/board@latestInstall using npm from Vue Play registry
Token required for private and paid components
# .npmrc
@vueplayio:registry=https://manager.vueplay.io/
//manager.vueplay.io/:_authToken=tokenthen
npm install @vueplayio/boardClone using git
(Login to see access token)
git -c http.extraHeader="authorization-x: Bearer token" clone https://git.vueplay.io/git/401f3a69-b95b-4e52-9681-5ea95d2368bdEmbed using CDN
<!doctype html>
<html>
<head>
<script type="importmap">
{
"imports": {
"vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.prod.js"
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script type="module">
import { createApp } from 'vue'
import App from 'https://manager.vueplay.io/board@0.0.12/esm'
createApp(App).mount('#app')
</script>
</head>
<body>
<div id="app"></div>
</body>
</html>© Copyright 2025 - Siglar Development AS