An Advanced Vue 3 UI Component Library for Enterprise Web Applications. Including Form, Spotlight, ListView, etc.

Overview
title home meta
Rainbow Pro - An Advanced Vue 3 UI Component Library for Enterprise Web Applications
true
name content
description
Vue 3高级组件库,表单、聚光灯、多视图列表

Rainbow Pro npm

Rainbow Pro是一个基于Vue 3和Naive UI的高级企业级前端组件库。典型应用场景包括云控制台应用,运营使用的内部管理平台等等。

通过抽象企业级应用的典型场景,依托于Vue 3的最新的Composition API、TypeScript及行业内领先的交互设计思想,Rainbow Pro提供了表单、聚光灯、多视图列表、标准化页面框架等开箱即用的高级组件,帮助你更高效的完成此类场景的开发,更为重要的是,提升代码的可维护性和质量,避免代码屎山的产生。

如果你碰到过以下场景,也许Rainbow Pro就是你想要的东东:

  • 表单逻辑复杂,大量的状态需要手动管理和计算,动不动一个表单Vue文件就写了几千行,后面人接手完全改不动
  • 系统内页面有上百个,用户迫切需要一个搜索入口快速查找想要的页面/文档
  • 列表字段和过滤项超级多,一刷新就得重新选,费时费力,用户上手成本高,产品运营希望提供预定义的数据视图来减少用户使用的成本

组件 功能 完成度
RainbowForm 一站式表单解决方案 ☑️
RainbowSpotlight 类似于Mac系统Spotlight样式的全局搜索框 ☑️
RainbowListView 支持多视图展示的高度可配置的数据查询列表 预览
RainbowShell 标准化页面框架 预览

最低要求

Vue.js: 3.2.30+,Vue-Router 4+

浏览器:Chrome 70+, Edge 79+, Safari 12+, QQ浏览器 10+, 360浏览器 12+

Naive UI:2.25.2+

立刻开始

安装

npm install @ferainbow/ui --save

配置RainbowPlugin

import { RainbowPlugin } from '@ferainbow/ui';
import '@ferainbow/ui/dist/style.css';

const app = <create a Vue 3 app object>

app.use(RainbowPlugin);

恭喜你 🎉 !所有准备工作都已经完成了!

下一步,访问文档站点获取组件使用文档

参与贡献

欢迎大家参与讨论新功能和Bug修复,不要犹豫,直接在开一个新issue即可

关注我

我会不时的在我的微信公众号和个人网站上面发布文章和新的项目,欢迎关注!

You might also like...
🖖Element-ui-s is a interesting component library 🦄

🖖Element-ui-s is a interesting component library 🦄

📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the

 MADE Vue - A library of Vue 3 UI Components
MADE Vue - A library of Vue 3 UI Components

MADE Vue A library of Vue 3 UI Components. Support MADE Vue ♥ Projects like MADE Vue are built and maintained in spare time. If you find this project

: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

N3-components , Powerful Vue UI Library.
N3-components , Powerful Vue UI Library.

N3-components - Powerful Vue Library. N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build

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

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

Free and Open Source UI Library for Vue 3 🤘
Free and Open Source UI Library for Vue 3 🤘

Free and Open Source UI Library for Vue 3 🤘

🧬Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.
🧬Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

🧬Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

Releases(v0.8.15)
Owner
Oliver Zhou (xiake)
Oliver Zhou  (xiake)
Enterprise UI for Vue.js.

Enterprise UI components for Vue.js. Based on BAIDU's Design Language System (DLS).

Baidu EFE team 982 Jan 6, 2023
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

SAP 188 Jan 1, 2023
⚡️ 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

Chakra UI 1.7k Jan 6, 2023
A minimalist solution for building micro front-end applications.

micro-app is a micro front-end framework launched by JD Retail. It renders based on webcomponent-like and realizes the micro front-end from component thinking, it aiming to reduce the difficulty of getting started and improve work efficiency.

zero 3.8k Dec 29, 2022
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件

组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件

null 43 Nov 29, 2022
🎉 A high quality component library built on Vue.js 2.0

dao-style A high quality component library built on Vue.js. English | 简体中文 Docs latest Who's using dao-style DaoCloud DaoVoice If you are also using d

DaoCloud.io 116 Aug 31, 2022
A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.

Naive UI A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not too Slow Kinda Interesting English | 中文 Documentation ww

TuSimple 11.3k Jan 4, 2023
A Vue.js 2.0 universal responsive UI component library

A Vue.js 2.0 universal responsive UI component library.. ?? Only for study purposes, do not use in production Docs Home Page Storybook Getting Started

Osiris UI 36 May 4, 2021
A Vue 3 Component Library🖖

Unge - Means young in Danish Introduce ?? A component library based on Vue3 ?? Writen in .jsx | .vue && stylus Usage Install $ yarn add ungeui Import

null 54 Dec 30, 2022
A flexible {vue3 + TS} UI component library

Viewer-Design UI Viewer-Design - A customized UI Library ?? Vue 3.0 Composition API ?? Written in TypeScript Status: Beta This project is still under

null 24 Dec 16, 2022