GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → CMUI → Cmui

CMUI / Cmui

Licence: mit
Lightweight UI solution for mobile web.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

cssframeworkuicomponentswidgetsmobile-web

Projects that are alternatives of or similar to Cmui

Ngx Bootstrap
Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
Stars: ✭ 5,343 (+2835.71%)
Mutual labels:  components, widgets
Element
Programmatic UI for macOS
Stars: ✭ 855 (+369.78%)
Mutual labels:  framework, components
Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (+285.71%)
Mutual labels:  framework, components
Lab
React UI component design tool
Stars: ✭ 349 (+91.76%)
Mutual labels:  framework, components
Vcomponents
VComponents is a SwiftUI framework that contains 40+ customizable UI components
Stars: ✭ 117 (-35.71%)
Mutual labels:  framework, components
Mam mol
$mol - fastest reactive micro-modular compact flexible lazy ui web framework.
Stars: ✭ 385 (+111.54%)
Mutual labels:  framework, components
Fprime
F' - A flight software and embedded systems framework
Stars: ✭ 8,642 (+4648.35%)
Mutual labels:  framework, components
Visualplus
🎨 The VisualPlus Framework (VPF) for WinForms allows you to rapidly deploy professional .NET applications with customizable components and controls.
Stars: ✭ 268 (+47.25%)
Mutual labels:  framework, components
Atlas.js
A component-based Node.js library to reduce boilerplate and provide sane project structure 🍻
Stars: ✭ 108 (-40.66%)
Mutual labels:  framework, components
Capivarajs
✌️ Um novo jeito de criar componentes híbridos.
Stars: ✭ 97 (-46.7%)
Mutual labels:  framework, components
Vux
Mobile UI Components based on Vue & WeUI
Stars: ✭ 17,573 (+9555.49%)
Mutual labels:  components, mobile-web
Codestar Framework
A Simple and Lightweight WordPress Option Framework for Themes and Plugins
Stars: ✭ 147 (-19.23%)
Mutual labels:  framework, widgets
Framework7
Full featured HTML framework for building iOS & Android apps
Stars: ✭ 16,560 (+8998.9%)
Mutual labels:  framework, components
Phonon
Phonon is a responsive front-end framework with a focus on simplicity and flexibility
Stars: ✭ 425 (+133.52%)
Mutual labels:  framework, mobile-web
Bem Core
BEM Core Library
Stars: ✭ 275 (+51.1%)
Mutual labels:  framework, components
Catberry
Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.
Stars: ✭ 793 (+335.71%)
Mutual labels:  framework, components
CleanUI
Android library to create beautiful, clean and minimal UIs.
Stars: ✭ 19 (-89.56%)
Mutual labels:  components, widgets
Tonic
A Low Profile Component Framework. Stable, Minimal, Auditable, and Build-Tool-Free.
Stars: ✭ 265 (+45.6%)
Mutual labels:  framework, components
Antmove
小程序转换器，基于支付宝/微信小程序， 轻松地转换成其它平台的小程序。
Stars: ✭ 1,078 (+492.31%)
Mutual labels:  framework, components
Components
MobileUI was created thinking of making your hybrid application faster and smaller since you only install what you are really going to use for UI.
Stars: ✭ 125 (-31.32%)
Mutual labels:  framework, mobile-web
View All Similar Projects ➔

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 是一个专攻移动网页的 UI 框架，它提供了丰富的组件和简洁的接口，开箱即用。CMUI 帮助开发者摆脱样式细节和兼容性困扰，从而腾出更多精力投入到业务开发中。

兼容性

浏览器支持

  • 支持以下移动平台的主流浏览器：

    • iOS 10+
    • Android 4.4+

  • 同样支持以下桌面浏览器：

    • Firefox (Latest)
    • Chrome (Latest)
    • Safari (Latest)

（更多细节参见 CMUI 的浏览器分级支持策略。）

外部依赖

  • Underscore 1.8+
  • Zepto 1.1+
  • Gearbox 0.7+

安装与使用

传统方式

  1. 通过 npm 3 安装：

    $ npm install cmui

  2. 在页面中加载 CMUI 的样式文件、脚本文件及必要的依赖：

    <!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>

通过 Stylus 加载

如果你的项目以 Stylus 作为 CSS 预处理器语言，则可以在你的源码中直接引入 CMUI 的样式入口文件：

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

在这种方式下，你可以在源码中使用 CMUI 提供的高级 API：

  • 变量
  • Mixin

演示与文档

建议使用 iOS/Android 设备访问：CMUI Demo

cmui-demo

谁在用？

以下网站基于 CMUI 构建（请使用 iOS/Android 设备访问）：

参与开发

功能模块

CMUI 的部分模块已经分离出去，成为独立项目。这些模块以开发依赖的方式引入，并打包到发布文件中。因此，参与这些独立项目的开发即可修改这些模块。

构建

  1. 把本项目的代码 fork 并 clone 到本地。
  2. 在项目根目录执行 npm install，安装必要的依赖。
  3. 在项目根目录执行 npm run dist，运行构建脚本。
  4. 构建生成的发布文件将存放在 /dist 目录下。

单元测试

  1. 把本项目的代码 fork 并 clone 到本地。
  2. 在项目根目录执行 npm install，安装必要的依赖。
  3. 在浏览器中打开以下文件即可运行单元测试：
    • test/test-dev.html - 测试源码（用于开发阶段的测试）

Thanks

CMUI is based on these open source projects:

CMUI team is using JetBrains IDE (WebStorm) with Open Source License:

  • WebStorm Logo

License

MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].