@tensorplay/mega-ui

@tensorplay/mega-ui is a Vue 3 component library for building clear, consistent MEGA interfaces. It includes reusable controls, form fields, dialogs, status views, settings components, and the accompanying styles.

Install

npm install @tensorplay/mega-ui

The package expects Vue, Vue Router, and Pinia to be available in the host application.

Quick start

Import the styles once in your application entry point, then import the components you need.

<script setup lang="ts">
import { UiButton, UiTextField } from "@tensorplay/mega-ui";
import "@tensorplay/mega-ui/styles.css";
</script>

<template>
  <form>
    <UiTextField label="Email" type="email" />
    <UiButton type="submit">Continue</UiButton>
  </form>
</template>

Included building blocks

• Buttons, icons, avatars, badges, alerts, loading states, and toasts
• Text, number, select, range, checkbox, radio, and search controls
• Dialogs, menus, pagination, filter controls, and file dropzones
• Directory, settings, account, and status views
• Markdown rendering and editing helpers

Components are individually exported from the package root, so applications can import only what they use.

Assets

The package also exposes AI application artwork through @tensorplay/mega-ui/ai-icons/*. Use these paths when integrating components such as OAuthApplicationLogo or when rendering a supported application icon yourself.

License

MIT