docs(readme): add SoybeanUI section with description and badges

This commit is contained in:
Soybean
2026-05-13 15:08:42 +08:00
parent a5f8581086
commit 3a7a36b72d
2 changed files with 80 additions and 0 deletions

View File

@@ -23,6 +23,46 @@
> [!NOTE]
> The `SoybeanAdmin` quick start series videos have been uploaded to [Bilibili](https://www.bilibili.com/video/BV1YKdRYXELC) Go online [click here](https://www.bilibili.com/video/BV1YKdRYXELC) Go check it out
<div align="center">
<table width="100%">
<tr>
<td align="left">
<table>
<tr>
<td>
<a href="https://ui.soybeanjs.cn">
<img alt="SoybeanUI" src="./public/favicon.svg" width="52" />
</a>
</td>
<td>
<a href="https://ui.soybeanjs.cn">
<img
alt="SoybeanUI"
src="https://img.shields.io/badge/SoybeanUI-Headless%20%2B%20UI-6366f1?style=for-the-badge&labelColor=312e81"
/>
</a>
</td>
</tr>
</table>
<strong>A powerful and elegant component system for Vue 3, delivering headless interaction capabilities and ready-to-use style encapsulation.</strong><br />
<sub>Built on a two-layer Headless + UI architecture to reuse interaction capabilities and unify interface expression.</sub>
<br /><br />
<img alt="Vue 3" src="https://img.shields.io/badge/Vue%203-Component%20Library-6366f1?style=flat-square&labelColor=4338ca" />
<img alt="Headless" src="https://img.shields.io/badge/Headless-Logic%20%26%20State-818cf8?style=flat-square&labelColor=3730a3" />
<img alt="Admin" src="https://img.shields.io/badge/Admin-Professional%20UI-a5b4fc?style=flat-square&labelColor=4f46e5" />
</td>
<td align="right">
<a href="https://ui.soybeanjs.cn">
<img
alt="Visit SoybeanUI"
src="https://img.shields.io/badge/Visit-ui.soybeanjs.cn-6366f1?style=for-the-badge&labelColor=312e81&logo=vercel&logoColor=white"
/>
</a>
</td>
</tr>
</table>
</div>
## Introduction
[`SoybeanAdmin`](https://github.com/soybeanjs/soybean-admin) is a clean, elegant, beautiful and powerful admin template, based on the latest front-end technology stack, including Vue3, Vite7, TypeScript, Pinia and UnoCSS. It has built-in rich theme configuration and components, strict code specifications, and an automated file routing system. In addition, it also uses the online mock data solution based on ApiFox. `SoybeanAdmin` provides you with a one-stop admin solution, no additional configuration, and out of the box. It is also a best practice for learning cutting-edge technologies quickly.