Skip to content
Vue 3 · TypeScript · Design System
Birdpaper UI
A component library for enterprise admin UIs
Simple, consistent, and efficient. A complete design system and high-quality components to help you ship trustworthy product interfaces faster.
BP 3
BirdpaperVue 3Ready
CreateCancel
Search keywords
2026 Aug
SuMoTuWeThFrSa
2627282930311234567891011121314151617181920212223242526272829303112345
Complete required fields
Design principles
Built for engineering
From design tokens to components — a practical product delivery path
Design system
Reusable tokens for color, type, radius, shadow, motion, and elevation
Dark mode
Paired semantic colors and CSS variables — switch themes without rewriting styles
TypeScript
Complete type definitions and editor hints that lower integration cost
Theming
Override brand colors and sizes with CSS variables to match your product
A few lines to get started
Unified APIs and full type hints reduce learning and collaboration cost.
View docs<template>
<bp-button status="primary" @click="open = true">
Open dialog
</bp-button>
<bp-modal v-model="open" title="Confirm action">
<p>Content area</p>
</bp-modal>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const open = ref(false)
</script>Continue from here
Jump into the docs that match your role — clear goals, clear paths