All Projects → any86 → Any Ui

any86 / Any Ui

❄️ 一个移动端组件库

Projects that are alternatives of or similar to Any Ui

Vue Calendar Heatmap
A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
Stars: ✭ 120 (+106.9%)
Mutual labels:  svg, component
Vue Content Loader
SVG component to create placeholder loading, like Facebook cards loading.
Stars: ✭ 2,790 (+4710.34%)
Mutual labels:  svg, component
Calendar
📆 calendar 日历
Stars: ✭ 119 (+105.17%)
Mutual labels:  mobile, component
React Swipeable List
Swipeable list component for React.
Stars: ✭ 86 (+48.28%)
Mutual labels:  mobile, component
React Planner
✏️ A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.
Stars: ✭ 846 (+1358.62%)
Mutual labels:  svg, component
Vue Ydui
A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
Stars: ✭ 2,798 (+4724.14%)
Mutual labels:  mobile, component
React Svg Map
A set of React.js components to display an interactive SVG map
Stars: ✭ 150 (+158.62%)
Mutual labels:  svg, component
Svg To Component
Convert SVG to React/Vue components
Stars: ✭ 40 (-31.03%)
Mutual labels:  svg, component
Cp Design
A configurable Mobile UI Components(React hooks+Typescript+Scss)组件库
Stars: ✭ 465 (+701.72%)
Mutual labels:  mobile, component
Mint Ui
Mobile UI elements for Vue.js
Stars: ✭ 16,471 (+28298.28%)
Mutual labels:  mobile, component
Respin
React SVG loading spinner based on jxnblk.com/loading
Stars: ✭ 21 (-63.79%)
Mutual labels:  svg, component
Vue Svg Map
A set of Vue.js components to display an interactive SVG map
Stars: ✭ 48 (-17.24%)
Mutual labels:  svg, component
Nat Explorer
An example project using Nat & Weex.
Stars: ✭ 55 (-5.17%)
Mutual labels:  mobile
Reacom
ReaCOM has got a lot of tools to use and is related to component object model
Stars: ✭ 57 (-1.72%)
Mutual labels:  component
Vue Maze
A Vue.js component of a simple maze game.
Stars: ✭ 55 (-5.17%)
Mutual labels:  component
Deep Viz
A React component library, providing concise and beautiful diversity charts with Canvas, SVG, E-map, WebGL, Dom, based on data visualization experience and commercial data display practice.
Stars: ✭ 55 (-5.17%)
Mutual labels:  svg
Vmware Stencils
Official VMware Stencils
Stars: ✭ 57 (-1.72%)
Mutual labels:  svg
Flutter ui challenge todo
A showcase flutter todo application.
Stars: ✭ 57 (-1.72%)
Mutual labels:  mobile
React Native Svg Asset Plugin
Asset plugin for importing SVG images in React Native
Stars: ✭ 55 (-5.17%)
Mutual labels:  svg
Mkvideoplayer
MKVideoPlayer library is a video player have some basic features that need to develop an video player application in android studio
Stars: ✭ 54 (-6.9%)
Mutual labels:  mobile

any-ui NPM Version downloads-image size-image

🐳 更快更简单

演示

预览地址

文档

查看

在手机上看

image

安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm i any-ui -S

引入组件

方式1: 按需引入

  1. 安装 babel-plugin-import 插件
npm i babel-plugin-import -d
  1. .babelrc 或 babel-loader 中添加插件配置
// 注意:webpack 1 无需设置 libraryDirectory。
{
  "plugins": [
    ["import", {
      "libraryName": "any-ui",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

方式2: 全部引入

import Vue from 'vue';
import Atom from 'any-ui';
import 'any-ui/index.css';
Vue.use(Atom);

注意: 一旦配置了 babel-plugin-import, "全部引入"功能会失效, 2者不能并存.

CDN

<!-- 引入css -->
<link rel="stylesheet" href="https://unpkg.com/any-ui/index.css">
<!-- 引入js -->
<script src="https://unpkg.com/any-ui/index.js"></script>

Hello world

未完...

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].