Add a vibrant pre-built color palette and UI components to a WeChat mini-program without writing custom CSS
Implement a configurable custom navigation bar on any page using the cu-custom component
Quickly prototype a visually distinctive Chinese mini-program UI using ready-made class names
| weilanwl/coloruicss | macrozheng/mall-admin-web | doocs/md | |
|---|---|---|---|
| Stars | 12,401 | 12,531 | 12,579 |
| Language | Vue | Vue | Vue |
| Setup difficulty | easy | moderate | easy |
| Complexity | 2/5 | 3/5 | 1/5 |
| Audience | designer | developer | writer |
Figures from each repo's GitHub metadata at analysis time.
Copy-and-import setup with no npm install required, but the library only works inside WeChat mini-program or UniApp environments.
ColorUI is a CSS component library built for WeChat mini-programs and UniApp, a framework used to create apps that run on multiple Chinese mobile platforms from a single codebase. Its defining feature is a bright, high-saturation color palette intended to make mini-programs visually distinct. The library works by providing styles you apply through CSS class names, with no JavaScript framework lock-in required. Some basic interactive behavior is also included to give developers a starting point for common patterns. Setup follows a copy-and-import pattern. You download the source code, copy the colorui folder into your project root, and then import two core CSS files in your app global stylesheet: main.css for layout and color utilities, and icon.css for the icon set. After that, ColorUI classes are available throughout any page in your project. The library includes a custom navigation bar component called cu-custom. You register it once in your app entry file and can then place it on any page using a simple HTML-style tag. The component accepts parameters for background color (specified as a class name), background image path, and whether to show a back button. There are slot areas for back button text, the center title area, and a right-side area. The integration steps differ slightly depending on whether you are using UniApp or native WeChat mini-program development, and the README provides separate code examples for both. Community resources, including a QQ group for discussion and a shared template and asset library on Yuque, are directed at Chinese-speaking developers. A V3 beta version is being developed in a separate repository. The project is MIT-licensed and targets Vue 2.
A bright, colorful CSS component library for WeChat mini-programs and UniApp that adds a high-saturation color palette, icon set, and a custom navigation bar to your app by copying one folder and importing two CSS files.
Mainly Vue. The stack also includes CSS, Vue, UniApp.
MIT license, use freely for any purpose including commercial projects, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly designer.
This repo across BitVibe Labs
Verify against the repo before relying on details.