Neumorphic UI Library for Vue 3 and Nuxt

Overview

This is a UI component library for Vue 3 and Nuxt, designed using the neumorphism/skeuomorphism style. It offers a set of simple components for creating unique user interfaces with a modern, 3D-like appearance.

What is Neumorphism/Skeuomorphism?

Neumorphism is a design trend that blends elements of flat design and skeuomorphism. It creates an illusion of soft, tactile interfaces with raised or inset effects, subtle gradients, and delicate shadows. This style aims to make UI components feel tangible and visually engaging.

Documentation: For detailed instructions and examples, visit the official documentation site.

Features

• Neumorphic Design: 3D-like components with soft shadows and smooth gradients.
• Customizable Themes: Easily modify the base color, text color, and accent color to match your application's design.
• Vue and Nuxt Support: Use the library in Vue 3 apps or through the Nuxt module.
• Nuxt SSR Support: The Nuxt module installs a universal plugin so component markup can render during SSR while browser-only theme and measurement effects run on the client.
• Lightweight and Intuitive: Simple integration with modern tools like Vite, Nuxt, and Composition API.

Requirements

• Node.js: Version 18.13.0 or higher is required to use this library.
• Vue 3 or Nuxt: Ensure your project is set up with Vue 3 or Nuxt 3 for best compatibility.

Keywords

• Neumorphism
• Skeuomorphism
• Vue 3
• Nuxt
• Nuxt Module
• UI Components
• Neumorphic Design
• Customizable Themes
• Modern UI
• Lightweight Library
• Vite
• Composition API