
OpenTiny (TinyVue)
Huawei Cloud's enterprise design system and cross-framework component suite supporting Vue 2, Vue 3, and Mobile with 100+ components.

Overview
OpenTiny (TinyVue) is Huawei Cloud's open-source enterprise UI solution. With over 100+ components, its unique architecture allows a single codebase to support Vue 2 and Vue 3 simultaneously across PC and Mobile.
Key Features
- Dual Vue 2 & Vue 3 Support: A single component architecture running smoothly across both Vue 2 and Vue 3.
- 100+ Heavyweight Components: Rich collection of nested tree tables, Gantt charts, splitters, and file managers.
- Enterprise Hardware Verification: Powering mission-critical telecommunications, cloud platforms, and finance systems.
- Theme & Token Customizer: Comprehensive Design Token configuration engine.
Installation & Quick Start
npm install @opentiny/vue<template>
<tiny-button type="primary">Tiny Action</tiny-button>
</template>
<script setup>
import { TinyButton } from '@opentiny/vue';
</script>Why Choose OpenTiny?
- Best for: Large enterprise migrations bridging Vue 2 and Vue 3, telecom/cloud systems, and heavy-duty data tables.
- Not suitable for: Lightweight consumer landing pages.
Comments & Discussion
No comments yet. Be the first to share your experience or thoughts!
Related libraries
Curated by category & stackAstryx (Meta)
Meta's open source enterprise design system and React 19 component library with 170+ accessible components, StyleX integration, and agent-ready tooling.
Duolingo UI (ShadLingo)
A comprehensive Duolingo-inspired design system and component suite built on shadcn/ui v4 and Tailwind CSS, featuring signature 3D buttons, vivid owl-green tokens, and gamified interaction cards.
8bitcn/ui
Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.