ColorUI
A CSS component library of bright, saturated styles for WeChat Mini Programs and UniApp.weilanwl/coloruicss
- Stars
- 12.4k
- Forks
- 2.2k
- Licence
- MIT
- Language
- Vue
- Last update
- 2.6 years ago
- Type
- Library
No commits in over a year — check for forks or alternatives before adopting.
What it is
ColorUI is a CSS library that provides ready-made styles and components you apply through class names. It is aimed at building WeChat mini program interfaces, and the README also describes UniApp and native mini program setups. The README says it includes a simple custom navigation bar component and some interactive examples to help with development.
- Style a WeChat mini program page using ColorUI class names
- Add a custom navigation bar with a background color class and a back button
- Start a new native mini program from the provided template folder
- Reuse template and UI assets shared in the community knowledge base linked in the README
Great for
- Developers building WeChat mini programs who want quick, colorful styling
- UniApp developers using Vue who want prebuilt CSS classes
- Developers who prefer bold, high-saturation visual designs
- Teams that want a navigation bar wrapper they can copy and adjust
Not ideal for
- Developers building regular websites, since the README focuses on mini programs and UniApp (reason: no web usage is described)
- People who need a current, actively maintained library (reason: the last push shown is April 2024 and no release is listed)
- Projects needing a V3 version (reason: the README points to a separate beta repository for V3)
How to get it
- 1
Clone and build from source
You'll need: WeChat Developer Tools or a UniApp project setup
Clone the repository
git clone https://github.com/weilanwl/coloruicss - 2
Run it
- Download the source and unzip it to get the Colorui-UniApp or demo folder
- Copy the colorui folder into your project root
- Import colorui/main.css and colorui/icon.css in App.vue or App.wxss
- Use class names such as bg-gradual-blue on components
- 3
Get the most out of it
- Use the cu-custom component with bgColor and isBack properties for a custom navigation bar
- Set bgImage on cu-custom to use a background image
- Check the Yuque community knowledge base linked in the README for templates and UI assets
- Review the V3 beta repository linked in the README if you want the newer version
Downloads
Strengths
- Simple to use: components are applied through CSS class names
- Includes a ready-made custom navigation bar component with documented properties
- Released under the permissive MIT license
Trade-offs
- Focused on mini programs and UniApp, so it is limited outside that ecosystem
- The README lists no release and the last push shown is from April 2024, so upkeep is unclear
- Documentation is mostly in Chinese and fairly brief
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| coloruicss (this) | 12.4k | Library | beginner | 2.6 years ago | Developers building WeChat mini programs who want quick, colorful styling |
| vant-weapp | 18.5k | Library | intermediate | 27 days ago | Developers building WeChat Mini Programs who want ready-made UI components |
| prettier | 52.4k | Dev tool | beginner | 4 days ago | Teams that want one shared code style without writing their own rules |
| vux | 17.4k | Library | intermediate | 4 months ago | Developers building mobile web pages with Vue 2 |
| bootstrap | 175k | Library | beginner | 4 days ago | Developers building responsive websites or web app interfaces quickly |
| NES.css | 21.9k | Library | beginner | 2.8 years ago | Developers building a retro or game-themed web page or demo |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.