Description

@cmmv/ui is a lightweight UI library designed for CMMV-based applications. It provides reactive and modular components for building dynamic and highly customizable user interfaces. Built with simplicity and scalability in mind, the library integrates seamlessly with the CMMV framework and leverages modern web standards for optimal performance.

Philosophy

The @cmmv/ui library embraces the minimalist philosophy of CMMV, focusing on modularity, reactivity, and direct control over UI elements. It eliminates the need for heavyweight frontend frameworks while maintaining flexibility and ease of use.

Features

• Modular Components: Reusable and composable components tailored for CMMV applications.
• Reactive Data Binding: Fully compatible with reactive state management.
• Customizable Themes: Built-in support for light and dark mode with easy theme switching.
• Integration with CMMV: Native integration with the CMMV framework for seamless development.
• Lightweight: Designed for performance with minimal overhead.

Installation

Install the @cmmv/ui package via npm:

$ pnpm add @cmmv/ui

Using Components

@cmmv/ui provides pre-built components that you can use directly in your templates:

<template>
    <c-button size="md" type="button">
        Click Me
    </c-button>
</template>

<script>
import { CButton } from "@cmmv/ui";
</script>