Guide

Nmorph UI Kit guide

A practical guide for installing Nmorph, wiring it into Vue and Nuxt, configuring themes, using forms and overlays, and preparing component-heavy interfaces for production.

Start

Introduction

What Nmorph UI Kit is, where it fits, and how the library is organized.

Installation

Install the package and choose a style-loading strategy.

Vue Setup

Configure Nmorph in a regular Vue 3 application.

Nuxt Setup

Use the Nuxt module for automatic plugin setup and i18n merge.

System

Theming

How colors, shadows, typography, and component sizes are produced.

Icons

Use exported icons, raw SVG files, and NmorphIcon color behavior.

Forms

Form controls, validation rules, selection groups, and practical structure.

Overlays

Layered components, teleport, placement, and outside click behavior.

Production

Performance

Bundle size, tree-shaking, virtual lists, and practical guidance for large option/data sets.

Accessibility

Current accessibility practices and what to verify in product usage.

Migration

How to upgrade safely and where to look for breaking changes.