Humans is designed for mobile and desktop for human users, To help developer to build UI quickly

Last update: Aug 9, 2021

Vue Human 是为高质量用户体验而设计的组件库。他有丰富的交互和动画组件,有时他会比较顽固,坚持自己的设计理念,有时他又会比较性感,让你不经意间产生爱意。

他坚持响应式设计,各个组件兼顾移动端、平板、桌面游览器等多个不同屏幕尺寸的场景,你可以使用 Vue Human 构建自己的移动应用、中后台管理界面或者你想要做的别的事。

资料

参与和改进 Human 的开发

项目克隆至本地后,执行如下命令

# 安装依赖包
$ yarn install

# 游览器访问 localhost:8888
$ yarn start

# 单元测试的命令
$ yarn run unit

在你的项目中使用

vue-human 为了实现按需加载,所以采用了大量的 ES6 语法,以及未编译成固定的 JS 文件,所以在开发中会依赖非常多的 npm 包,需要 babel 转换,sass 编译,vue-loader 处理等等,所以建议通过 vue-cli 来创建 vue-human 项目。

非常重要的部分,具体安装方法查看 HumanUI/webpack 的文档来了解如何创建和使用 vue-human 项目。

展示部分 vue-human 的使用语法,但具体如何使用建议查看文档与脚手架。

// 配置文件 human.js
import Vue from 'vue'
import human from 'vue-human'
import core from 'vue-human/suites/core'

Vue.use(human)
Vue.use(core)

<script>
  import carousel from 'vue-human/suites/carousel'

  export default {
    components: {
      ...carousel.map()
    }
  }
script>

帮助

  • 如果有什么 Bug、使用问题、功能建议,请在 github issues 内发布。

GitHub

https://github.com/freshesx/humans
You might also like...

Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook.

Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook.

Storefront UI Current status: Stable beta! Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vu

Aug 9, 2022

:diamonds: A modular and customizable UI library based on Material Design and Vue

BalmUI Next Generation Material UI for Vue.js Introduction BalmUI is a modular and customizable Material Design UI library for Vue.js. 🎉 NOW, balm-ui

Aug 9, 2022

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl

Aug 15, 2022

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

🌈  An enterprise-class UI components based on Ant Design and Vue. 🐜

Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | 简体中文 Features An enterprise-class UI design system for desktop

Aug 11, 2022

🌟Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards.

🌟Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards.

Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards. Documentation & Demo • Official Page Getting Started Getting started with Sh

Jun 2, 2022

Fast, Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js.

Fast, Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js.

Framevuerk Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js. Setup First of all, you shoul

Jun 29, 2022

Vue Bootstrap with Material Design - Powerful and free UI KIT

Vue Bootstrap with Material Design - Powerful and free UI KIT

Vue Bootstrap with Material Design Based on the latest Bootstrap 4 and Vue. 400+ material UI elemens, 600+ material icons, 74 CSS animations, SASS fil

Aug 12, 2022

Learning Physics by Visualising - the fastest, easiest, and retianable way of learning Physics

Learning Physics by Visualising - the fastest, easiest, and retianable way of learning Physics

💡 Physics Lab Learning Physics by Visualising - the fastest, easiest, and retainable way of learning Physics here! 🧠 Inspiration Bored from long phy

Jun 12, 2022
Comments
  • 1. vue-human/utils/Query.js

    输入数字, Query.parse方法会最终调用 lodash 的 toNumber方法, lodash 中代码, 当输入身份证的时候, 太长了, 导致结果不对

    a = '320158199012122433'
    +a // 320158199012122430
    

    实际上是js精确算数运算整数的范围-2^53~2^53. 18位的整数超出了这个范围

    Reviewed by ethanyou725 at 2017-10-17 09:29
Vue.js components implementation of Fundamental Library Styles guidelines. The library is aiming to provide a Vue.js implementation of the components designed in Fundamental Library Styles.

Fundamental Vue Description The fundamental-vue library is a set of Vue.js components built using Fundamental Library Styles. Fundamental Library for

Jul 5, 2022
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.

Inkline Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites. Inkline is written and maintained by @ale

Aug 10, 2022
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.

Inkline Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites. Inkline is written and maintained by @ale

Aug 10, 2022
A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Aug 16, 2022
A fresh and flat UI-Kit specially for desktop application with Vue.js 2.0
A fresh and flat UI-Kit specially for desktop application with Vue.js 2.0

AT-UI Style AT-UI Style is an ui component library based on Flexbox, be used for AT-UI Install npm install at-ui-style Usage import 'at-ui-style' Cont

May 8, 2022
🌈 ZAPortal - a user-friendly UI portal that provides users with a control interface with low thresholds. 🌈
 🌈 ZAPortal - a user-friendly UI portal that provides users with a control interface with low thresholds. 🌈

?? ZAPortal - a user-friendly UI portal that provides users with a control interface with low thresholds. ??

Jul 28, 2022
⚡️ Build scalable and accessible Vue.js applications with ease.
⚡️ Build scalable and accessible Vue.js applications with ease.

Build scalable and accessible Vue.js applications with ease. @chakra-ui/vue gives you a set of accessible and composable Vue components that you can u

Aug 9, 2022
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework - Build high-performance VueJS user interfaces in record time

Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid

Aug 17, 2022
Tailwind CSS UI components build for Vue.js / Nuxt.js
Tailwind CSS UI components build for Vue.js / Nuxt.js

mijin Tailwind CSS UI components build for Vue.js 2.x / Nuxt.js 2.x ?? Documentation Features ?? Component style relying uniquely on Tailwind CSS pres

Jul 29, 2022
Build material design interfaces in record time... without stress for devs... 🍺💛
Build material design interfaces in record time... without stress for devs... 🍺💛

Beercss Build material design interfaces in record time... ...without stress for devs ?? ?? Cheers, www.beercss.com Why? It's based on latest material

Aug 9, 2022