A Vue 3.x Neumorphic design system with 30+ components, built with TypeScript and Composition API.
Qui Max is a Vue 3.x design system that provides over 30 neumorphic UI components for building modern web interfaces. It solves the problem of creating consistent, aesthetically pleasing UIs by offering a ready-to-use component library with a distinctive soft design style. The project is built with TypeScript and Vue's Composition API to ensure type safety and modular code structure.
Vue 3 developers and teams building web applications who need a pre-styled, neumorphic component library to accelerate UI development. It's particularly useful for projects requiring a modern design language without starting from scratch.
Developers choose Qui Max for its unique neumorphic design aesthetic combined with Vue 3's modern Composition API and TypeScript support. It offers a comprehensive, tree-shakable component library with built-in internationalization, making it a flexible and efficient choice for Vue-based projects.
A Vue 3.x Neumorphic design system for Web. Written in TypeScript with Composition API 🔥
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Fully utilizes Vue 3's Composition API and TypeScript, ensuring type safety and better logic reuse, as highlighted in the README for modular development.
Offers a unique soft UI design with shadows and highlights, providing a cohesive, modern look out-of-the-box, as shown in the component examples.
Supports English, Russian, and Chinese by default with customizable messages, making it easy to localize applications globally without extra setup.
Allows importing only needed components and styles to reduce bundle size, as demonstrated in the configuration setup for performance efficiency.
With only 30+ components, some advanced UI elements like date range pickers or rich text editors are missing, requiring custom development.
Setting up localization, per-component styles, and z-index management requires manual configuration, as shown in the README, adding complexity.
The neumorphic style is highly specific; if a project rebrands or adopts a different design language, migrating away could be costly and time-consuming.