CMUI Download - CMUI Source code download

CMUI

Third-party components

2.1.1

Download

CMUI

CMUI is a UI framework for mobile web. It provides rich widgets and simple interfaces out-of-the-box, which helps developers get rid of details of styling and troubles of compatibility, and focus on building their own applications.

CMUI is a UI framework specializing in mobile web pages. It provides rich components and concise interfaces, and is available out of the box. CMUI helps developers get rid of style details and compatibility issues, freeing up more energy to invest in business development.

compatibility

Browser support

Mainstream browsers that support the following mobile platforms:
- iOS 10+
- Android 4.4+
The following desktop browsers are also supported:
- Firefox (Latest)
- Chrome (Latest)
- Safari (Latest)

(See CMUI's browser hierarchical support policy for more details.)

External dependencies

Underscore 1.8+
Zepto 1.1+
Gearbox 0.7+

Installation and use

Traditional way

Installed via npm 3:
```
$ npm install cmui
```

Load the CMUI style files, script files and necessary dependencies in the page:

 <!DOCTYPE html >
< html >
< head >
	...
	< link rel =" stylesheet " href =" node_modules/cmui/dist/cmui.css " >
</ head >
< body >
	...
	< script src =" node_modules/underscore/underscore-min.js " > </ script >
	< script src =" node_modules/zepto.js/dist/zepto.min.js " > </ script >
	< script src =" node_modules/cmui-gearbox/dist/gearbox.min.js " > </ script >
	< script src =" node_modules/cmui/dist/cmui.js " > </ script >
</ body >
</ html >

Loading via Stylus

If your project uses Stylus as the CSS preprocessor language, you can directly introduce the CMUI style entry file in your source code:

 @import './node_modules/cmui/src/css/theme/baixing/index'

In this way, you can use the high-level API provided by CMUI in the source code:

variable
Mixin

Demos and documentation

It is recommended to use iOS/Android devices to access: CMUI Demo

cmui-demo

Who is using it?

The following websites are built on CMUI (please visit using iOS/Android devices):

Baixing.com - Mobile version (m.baixing.com)
~~Youe.com - Mobile version (m.uemall.com)~~ (Offlined)
~~Weizi official electronic mall - mobile version (m.vichy.com.cn)~~ (Revised)

Participate in development

Functional module

Some modules of CMUI have been separated and become independent projects. These modules are introduced in a development dependency manner and packaged into a release file. Therefore, participating in the development of these independent projects can modify these modules.

CSS Reset - Zero
Stylus Library - Brush

Build

Fork and clone the code of this project to the local area.
Execute npm install in the project root directory to install the necessary dependencies.
Run npm run dist in the project root directory and run the build script.
The generated release file will be stored in the /dist directory.

Unit Testing

Fork and clone the code of this project to the local area.
Execute npm install in the project root directory to install the necessary dependencies.
Open the following file in your browser to run the unit test:
- test/test-dev.html - Test source code (for testing in the development stage)