@nexdom/uimed-vue

@nexdom/uimed-vue

A ui framework for NEXDOM applications, based on Material Design.

For more examples and information, check the docs page.

💻 Get started

Install

vp add @nexdom/uimed-vue
# But, if you're not using Vite+ yet...
npm i @nexdom/uimed-vue
# Or
pnpm add @nexdom/uimed-vue
# Or
yarn add @nexdom/uimed-vue

Setup

Add Vite config:

// vite.config.ts
import { vitePluginUimed } from "@nexdom/uimed-vue/plugins.ts";

/// ...

plugins: [vue(), vitePluginUimed()];

// ...

Use Uimed inside the Vue app:

// main.js or main.ts
import { createApp } from "vue";
import { createUimed } from "@nexdom/uimed-vue";

import App from "./App.vue";

const uimed = createUimed();

createApp(App).use(uimed).mount("#app");

Usage

Add the Root component to you App.vue, then add the rest of the components as needed:

<!-- App.vue -->
<template>
  <root>
    <!-- ... -->
  </root>
</template>

<script setup lang="ts">
import { Root } from "@nexdom/uimed-vue/components";
</script>

🧱 Contribute

Help us improve our community.

Report an issue you've found or check our Contribution Guide to learn how to code in our project and open your own PRs to us.

📄 License

MIT License © 2026-PRESENT NEXDOM