VueForge

Open source component-level UI library for Vue 3.

Install

npm i @codemonster-ru/vueforge

Peer dependencies:

• vue (v3)
• vue-router (v4)
• @codemonster-ru/vueiconify

Quick Start

import { createApp } from 'vue';
import { VueForge, DefaultTheme } from '@codemonster-ru/vueforge';
import '@codemonster-ru/vueforge/dist/index.css';
import App from './App.vue';

const app = createApp(App);

app.use(VueForge, {
    theme: {
        preset: DefaultTheme,
    },
});

<template>
    <Container size="lg">
        <PageHeader title="Dashboard" subtitle="Manage projects and teams">
            <template #actions>
                <Button label="Create project" />
            </template>
        </PageHeader>
    </Container>
</template>

<script setup lang="ts">
import { Container, PageHeader, Button } from '@codemonster-ru/vueforge';
</script>

Components

VueForge currently includes core building blocks for:

• Layout and navigation: Container, Section, Grid, Stack, Inline, AppShell, Menu, Link, Breadcrumbs, PageHeader, Divider
• Forms and inputs: Form, FormField, Input, Textarea, Select, Autocomplete, Combobox, MultiSelect, TagInput, Date*, Time*
• Data display: DataTable, Pagination, VirtualScroller, Card, EmptyState
• Overlays and feedback: Modal, Drawer, Popover, Dropdown, ContextMenu, Tooltip, Toast, Alert, NotificationCenter
• Advanced interaction: CommandPalette, Tour, KanbanBoard, Tree, TreeSelect, Wizard, Stepper, Tabs, Accordion

Full catalog: docs/components/README.md

Documentation

• Theming: docs/theming.md
• Date/time locale setup: docs/guides/date-time-locale-setup.md
• Locale text setup: docs/guides/locale-text-setup.md
• i18n + RTL setup: docs/guides/i18n-rtl-setup.md
• Live examples recipe: docs/recipes/live-playground.md
• Core copy-paste cookbook: docs/recipes/core-cookbook.md
• Components catalog: docs/components/README.md
• Roadmap / execution checklist: CHECKLIST.md
• Release notes: CHANGELOG.md

Development

npm run dev
npm run test
npm run typecheck
npm run build

License

MIT

Author

@KolesnikovKirill