Bobo-element

TypeScriptVue3React轻量

Vue3 + React 双框架组件库

基于 TypeScript 构建，支持 Vue3 和 React 子路径导出
轻量高效，开箱即用，一套代码两个框架

快速开始浏览组件 GitHub

17组件

2框架

100%TypeScript

npm install @bobocn/element

为什么选择 Bobo-elements

专为现代前端开发设计，兼顾灵活性与开发体验

⚡

双框架 · 一套核心

Vue3 和 React 共享类型定义与核心逻辑，API 风格统一，切换框架零学习成本。

📦

子路径导出 · 按需引入

通过 @bobocn/element/vue 和 /react 独立导出，Tree Shaking 友好，不引入多余代码。

🔷

TypeScript · 类型安全

100% TypeScript 编写，完整的类型推导与智能提示，开发体验拉满。

🎨

CSS 共享 · 风格统一

两个框架共用一套 CSS 样式，确保视觉一致性，维护成本减半。

✅

表单验证 · 开箱即用

内置 async-validator 集成，支持复杂校验规则、异步验证、自定义校验函数。

🧩

17 个组件 · 覆盖全场景

从按钮到弹窗，从表单到通知，涵盖日常开发中最常用的 UI 组件。

组件总览

涵盖基础、表单、数据展示、反馈四大类别，满足日常开发需求

快速上手

两行代码即可在你的项目中使用

import { BButton } from '@bobocn/element/vue'

<template>
  <BButton type="primary">
    点击我
  </BButton>
</template>

React

import { Button } from '@bobocn/element/react'

function App() {
  return (
    <Button type="primary">
      Click Me
    </Button>
  )
}

开始使用 Bobo-elements

快速集成到你的 Vue3 或 React 项目中

阅读文档 Star on GitHub