@diyark98/arc-ui

Arc UI is a Vue 3 component library for admin dashboards, support tools, and internal products.

Install

pnpm add @diyark98/arc-ui

Arc UI expects Vue 3 to be installed in your application.

Usage

<script setup lang="ts">
import { ArcButton, ArcCard, ArcInput } from "@diyark98/arc-ui";
</script>

<template>
  <ArcCard class="space-y-4">
    <ArcInput placeholder="Search tickets" />
    <ArcButton>Save changes</ArcButton>
  </ArcCard>
</template>

Styles

Components use Tailwind CSS utility classes and Arc UI CSS variables. Import the default theme once in your app entry:

import "@diyark98/arc-ui/styles/theme.css";

Configure your application Tailwind content paths to scan the package source or compiled usage as needed.

For this monorepo, the docs and playground apps scan:

"../../packages/ui/src/**/*.{vue,ts}"

Development

pnpm install
pnpm build
pnpm typecheck

Publishing

This package is prepared for npm publishing, but it is not published yet.

pnpm --filter @diyark98/arc-ui publish --access public