@mudakit/ui

@mudakit/ui

Vue 3 components for Muda. The package is ESM-only and includes TypeScript declarations.

Installation

npm install @mudakit/ui vue

Import the styles once in your application entry file:

import "@mudakit/ui/style.css";

The stylesheet contains theme tokens and component utilities without Tailwind Preflight or other global element resets. Set data-theme="dark" on an ancestor to use the dark theme.

Usage

Prefer individual component entry points so bundlers only include the components and shared code you use:

<script setup lang="ts">
import { MudaButton } from "@mudakit/ui/MudaButton";
import { MudaCard } from "@mudakit/ui/MudaCard";
</script>

<template>
  <MudaCard>
    <MudaButton variant="primary">Continue</MudaButton>
  </MudaCard>
</template>

The package root is also available:

import { MudaButton, MudaCard } from "@mudakit/ui";

Requires Vue 3.5 or later and Node.js 26.5.0 or later for development tooling.

License

MIT. Bundled Material Design icons are available under Apache-2.0; see THIRD_PARTY_LICENSES.