Guide

Introduction

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

Purpose

Nmorph UI Kit is a Vue 3 component library with Nuxt support. It is built around tactile neumorphic surfaces, compact product controls, and a consistent set of component props for common interface work.

The package contains basic elements, form controls, data display components, navigation, feedback components, overlays, providers, theme hooks, validation helpers, and a Nuxt module.

Component areas

The documentation groups components by use case: Basic, Data, Feedback, Form, Navigation, Others, and Providers. This mirrors how the source is organized and makes the component list useful for implementation work.

  • Form: text input, OTP input, select, autocomplete, checkbox, radio, date picker, file upload, slider, number input, form validation.
  • Data: table, pagination, badge, avatar, image preview, progress, skeleton, calendar, cards, tags.
  • Overlay and navigation: dropdown, tooltip, dialog, overlay, tabs, breadcrumb, backtop.

Design principles

The visual system relies on CSS variables, inset and outset shadows, restrained radii, and explicit states. Components are meant to feel dimensional while staying readable and predictable in repeated product workflows.

Resolution is not supported

Open the documentation on a device with a screen size of at least 375px by 640px.