All Projects → dengwb1991 → Owl Ui

dengwb1991 / Owl Ui

Licence: mit
🦉 基于 Vue 开发移动端UI组件库 🎉附UI组件库开发教程

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Owl Ui

Ng Aquila
Angular UI Component library for the Open Insurance Platform
Stars: ✭ 170 (-3.95%)
Mutual labels:  docs, components
X0
Document & develop React components without breaking a sweat
Stars: ✭ 1,706 (+863.84%)
Mutual labels:  docs, components
Ngx Currency
📦 Currency mask module for Angular
Stars: ✭ 161 (-9.04%)
Mutual labels:  components
Lucid
A UI component library from AppNexus.
Stars: ✭ 171 (-3.39%)
Mutual labels:  components
Typescript Definitive Guide
TypeScript: Definitive Guide (book and docs in one)
Stars: ✭ 169 (-4.52%)
Mutual labels:  docs
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+1057.63%)
Mutual labels:  docs
Terraform Aws Components
Opinionated, self-contained Terraform root modules that each solve one, specific problem
Stars: ✭ 168 (-5.08%)
Mutual labels:  components
Sentry Docs
The new place for the sentry documentation (and tools to build it)
Stars: ✭ 160 (-9.6%)
Mutual labels:  docs
React Scanner
Extract React components and props usage from code.
Stars: ✭ 176 (-0.56%)
Mutual labels:  components
Edit Text
Collaborative rich text editor for the web. Written in Rust + WebAssembly.
Stars: ✭ 171 (-3.39%)
Mutual labels:  docs
Vue Design System
An open source tool for building UI Design Systems with Vue.js
Stars: ✭ 2,077 (+1073.45%)
Mutual labels:  components
Qui
A Vue.js design-system for Web.
Stars: ✭ 165 (-6.78%)
Mutual labels:  components
Semantic Ui React
The official Semantic-UI-React integration
Stars: ✭ 12,561 (+6996.61%)
Mutual labels:  components
Amexio.github.io
Amexio is a rich set of Angular 7 (170+) components powered by HTML5 & CSS3 for Responsive Design and with 80+ Material Design Themes, UI Components, Charts, Gauges, Data Point Widgets, Dashboards. Amexio is completely Open Sourced and Free. It's based on Apache 2 License. You can use it in your production grade work today at no cost or no obligation.
Stars: ✭ 163 (-7.91%)
Mutual labels:  components
Zent
A collection of essential UI components written with React.
Stars: ✭ 2,133 (+1105.08%)
Mutual labels:  components
Flama
🔥 Fire up your API with this flamethrower
Stars: ✭ 161 (-9.04%)
Mutual labels:  components
Terra Core
Terra offers a set of configurable React components designed to help build scalable and modular application UIs. This UI library was created to solve real-world issues in projects we work on day to day.
Stars: ✭ 167 (-5.65%)
Mutual labels:  components
Fela
State-Driven Styling in JavaScript
Stars: ✭ 2,097 (+1084.75%)
Mutual labels:  components
Typeorm Nestjs Migration Example
"Example of how to use migrations feature of TypeORM with NestJS.
Stars: ✭ 176 (-0.56%)
Mutual labels:  docs
Vite Plugin Components
📲 On-demand components auto importing for Vite
Stars: ✭ 175 (-1.13%)
Mutual labels:  components

基于 Vue 和 Webpack 构建的移动端UI组件库

vue npm webpack gulp LICENSE commit downloads star build codecov

了解 owl-ui

官网 示例 作者

开发心得链接

UI组件库从0到1开发心得

UI组件库从1到N开发心得-组件篇

UI组件库从1到N开发心得-单元测试篇

UI组件库从1到N开发心得-声明文件篇

安装 & 使用

npm install owl-ui -S
import 'owl-ui/lib/flexible' // Mobile adaptive solution
import Vue from 'vue'

import Owl from 'owl-ui'
import 'owl-ui/lib/styles/owl-ui.css'

Vue.use(Owl)

按需加载

import 'owl-ui/lib/flexible'
import Vue from 'vue'

import Button from 'owl-ui/lib/button/button.js'
import 'owl-ui/lib/button/button.css'

Vue.use(Button)

开发

git clone [email protected]:dengwb1991/owl-ui.git

cd owl-ui

npm install 

npm run dev

# 启动文档开发

npm run docs

命令介绍

npm run dev             #启动组件开发

npm run docs            #启动文档开发

npm run prod            #组件构建

npm run build           #整体构建

npm run build:style     #样式构建

npm run build:icon      #svg转化为iconfont

npm run build:docs      #文档构建

npm run build:example   #示例构建

npm run build:component #按需组件构建

npm run lint            #eslint测试

npm run unit            #组件单元测试

npm run test            #eslint测试 & 组件单元测试
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].