fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

King Design
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://design.ksyun.com
GitHub:https://github.com/ksc-fe/kpc
网站描述:更专业,更具活力的设计系统

KingDesign设计系统是⾦⼭云基于多年的企业级产品设计开发经验,以⾦⼭云设计语⾔为基础,⽤于企业级产品的开源设计系统,该系统由组件、开发、设计资源、⼯具、解决⽅案、设计指南组成,⽤户可使⽤KingDesign设计系统快速构建⼀致的数字产品。

为了更适⽤于企业级产品的开发和使⽤,通过⼤量中后台场景的实践,King Design设计系统提炼出以下设计原则:

⾼效,整体优化设计与前端⼯作流程,做到全局标准化的产品构建。且组件更适⽤于企业操作类的产品,为⽤户带来更便捷的体验。
统⼀,在产品设计中,相同的问题使⽤相同的解决⽅案,让产品家族更具⼀致性。
灵活,为了让设计系统有效地扩展,King Design设计系统在⼀致性与灵活性之间达到了⼀种平衡,可⽀持企业多种业务和产品。


设计系统的组成

KingDesign设计系统是⾯向企业级产品的设计解决⽅案,为企业提效⽽⽣,提供设计思路、设计指南、设计资源帮助企业快速构建产品。



特性

支持多框架 Intact / vue / react

支持TypeScript

动态主题切换

声明式表单验证

完善的文档和精心的设计

90%单元测试覆盖率


Vue

安装

# Vue3
npm install @king-design/vue --save

# Vue2
npm install @king-desing/vue-legacy --save

使用

<template>
    <Button>Hello</Button>
</template>
<script>
import {Button} from 'kpc-vue';

export default {
    components: {
        Button
    }
}
</script>


React

安装

npm install @king-design/react--save

使用

import {Button} from '@king-design/react';

function App() {
    return <Button>Hello</Button>
}


链接: https://fly63.com/nav/3963

more>>
相关栏目
Materialize
基于Material Design的现代响应式前端框架
官网GitHub
Element UI
一套基于 Vue 2.0 的桌面端组件库
官网GitHub
Material Design(MDB)
领先的Bootstrap UI套件之一
点击进入
Muse-UI
基于 Vue2.0 的 Material Design UI 库
官网GitHub
sb-admin
基于Bootstrap简约美观的后台管理模板
官网GitHub
Vue-Access-Control
Vue权限管理解决方案
官网GitHub
RmlUI
桌面端GUI开发框架
官网GitHub
kitty-ui
基于 Vue + Element 实现的权限管理系统
点击进入GitHub
vue-multiselect
Vue.js 打造的下拉组件
官网GitHub
Structor
先进的React GUI编辑器
点击进入GitHub
lulu ui
基于jQuery,针对PC网站,兼容IE7+的前端UI框架
官网GitHub
Ant Design
是一个致力于提升『用户』和『设计者』使用体验的中台设计语言
官网GitHub
vue-design-system
一个用于基于 Vue.js 构建 UI 设计系统的开源工具
官网GitHub
Tauri
使用Web前端构建更小,更快,更安全的桌面应用
官网GitHub
Element Plus
基于 Vue 3,面向设计师和开发者的组件库
官网GitHub
vue-blu
基于Vuejs和Bulma开发的开源UI组件库
官网GitHub

手机预览