jd-opensource/nutui
Nutui
NutUI is a Vue component library for building mobile web interfaces. It supplies a large set of ready-made, consistently styled components for common touch-screen scenarios, including calendar cards, avatar cropping, guided tours, pull-to-refresh and spacing-based layouts. A Taro-based adapter package lets the same component codebase also run as mini-programs on platforms such as WeChat, Alipay and JD.
Theming is a central part of the design. Hundreds of exposed style variables control colors, sizes and spacing, so an app can be restyled to match a brand, either at runtime or by compiling the variables into stylesheets. Sketch design files are provided so designers can mock up interfaces that match the components, and a dedicated icon set and swappable language packs for built-in component text round out customization.
On the tooling side, a build plugin resolves components and their styles automatically, so templates need no manual import statements and only the components a page uses are bundled. The package ships type definitions for editor autocompletion and compile-time checks, and it is compiled into several module formats from one entry point. Styles can be built as a separate minified bundle. Server-side rendering is offered as a testing-stage capability.
Components can be tried through live documentation demos and an online playground. A touch emulator lets mobile-oriented components be used with a mouse in a desktop browser, and canvas calls are stubbed so graphics-dependent components can be unit tested without a display.
