NutUI
A lightweight Vue.js UI component library for mobile H5 and multi-platform mini-programs with JD.com design style.
What is NutUI?
NutUI is a Vue.js UI component library specifically built for mobile web and mini-program development. It offers a collection of over 80 components styled according to JD.com's design guidelines, solving the need for consistent and efficient UI development across H5 and multiple mini-program platforms.
Frontend developers building mobile web applications (H5) and cross-platform mini-programs for platforms like WeChat, Alipay, and JD.com using Vue.js.
Developers choose NutUI for its enterprise-ready design system from JD.com, seamless multi-platform support via Taro, and comprehensive component coverage tailored for mobile scenarios, reducing development time while ensuring visual consistency.
Overview
京东风格的移动端 Vue 组件库，支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
Use Cases
Best For
- Building mobile H5 applications with a consistent JD.com design language
- Developing cross-platform mini-programs for WeChat, Alipay, and JD.com
- Creating Vue.js-based mobile web projects with on-demand component loading
- Teams requiring a TypeScript-supported UI library for mobile development
- Projects needing theme customization with extensive CSS variables
- Enterprise applications following JD.com's visual design specifications
Not Ideal For
- Projects focused on desktop-first or complex responsive web applications, as components are optimized for mobile touch interactions.
- Teams using frameworks other than Vue.js, such as React or Angular, who require a similar UI library.
- Applications demanding mature, production-ready server-side rendering, since NutUI's SSR support is still in testing phase.
- Design systems that need to completely deviate from JD.com's visual language without extensive customization work.
Pros & Cons
Pros
With over 80 high-quality components covering mainstream mobile scenarios, it accelerates development for common UI patterns like forms, navigation, and feedback.
Via Taro integration, it enables writing once and deploying to H5, WeChat, Alipay, and JD mini-programs, saving effort for multi-platform projects.
Based on JD.com's visual specifications, it provides a cohesive, battle-tested look that aligns with large-scale mobile applications.
Offers component-level theming with over 700 CSS variables, allowing deep visual adjustments while maintaining structural integrity.
Cons
Server-side rendering support is explicitly noted as being in the testing phase in the README, making it risky for projects requiring stable SSR.
Components adhere closely to JD.com's specific visual specs, which may require significant CSS overrides or theme work to adopt a different design system.
Supports only English, Indonesian, and Traditional Chinese, which could hinder projects targeting other languages or regions without additional localization effort.
Reliance on Taro for mini-program support adds configuration overhead and potential compatibility issues compared to simpler, single-platform libraries.
Frequently Asked Questions
Related Projects
Official GitHub repositoryA powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
uni-appA cross-platform framework using Vue.js
vantA lightweight, customizable Vue UI library for mobile web apps.
framework7Full featured HTML framework for building iOS & Android apps
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.