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.