Skip to content

Vue 3 · TypeScript · Design System

Birdpaper UI

为企业中后台而生的组件库

简洁、一致、高效。完整设计体系与高质量组件,帮助你更快构建可信赖的产品界面。

BP 3
Birdpaper
Vue 3Ready
创建取消
搜索关键词
2026 8月
2627282930311234567891011121314151617181920212223242526272829303112345
请完善必填项
操作成功

设计原则

为工程化而生

从设计令牌到组件实现,一条可落地的产品链路

几行代码,即刻上手

统一的 API 与完整类型提示,降低学习与协作成本。

查看文档
App.vue
<template>
  <bp-button status="primary" @click="open = true">
    打开对话框
  </bp-button>

  <bp-modal v-model="open" title="确认操作">
    <p>内容区域</p>
  </bp-modal>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const open = ref(false)
</script>

从这里继续

按角色进入对应文档,目标明确、路径清晰