AntdUI

<div align="center">

<img height="100" src="src/logo.png">

<h1>AntdUI</h1>

[![AntDesign](https://img.shields.io/badge/AntDesign%20-5.0-1677ff?style=for-the-badge&logo=antdesign)](https://ant-design.antgroup.com/components/overview-cn)
[![NuGet](https://img.shields.io/nuget/v/AntdUI.svg?style=for-the-badge&label=AntdUI&logo=nuget)](https://www.nuget.org/packages/AntdUI)
[![Download](https://img.shields.io/nuget/dt/antdui?style=for-the-badge)](https://www.nuget.org/packages/AntdUI)
[![License](https://img.shields.io/badge/license-Apache%202.0-4EB1BA.svg?style=for-the-badge)](http://www.apache.org/licenses/LICENSE-2.0)

[中文](README.md)・English・[Document](doc/wiki/en/Home.md)・[Demo](https://gitee.com/mubaiyanghua/antdui-demo)

</div>

![banner](doc/pre/banner-en.png)

### 🦄 Introduce

Ant Design for WinForms, reimagines desktop app aesthetics with modern frontend design elements. Using pure GDI graphics, no image resources required, fully supports AOT.

### ✨ Features

- 🌈 Modern design aesthetic
- 🎨 Precision graphics and smooth animations
- 🚀 Superior shadow effects on Winforms
- 📦 Borderless windows preserving native window features
- 💎 3D flip effect
- 👚 Theme customization
- 🦜 SVG vector graphics
- 👓 DPI adaptation
- 🌍 Internationale

### 🖥 Requirements

- .NET 9.0
- .NET 6.0
- .NET Framework4.8
- .NET Framework4.0 and above

### 🌴 Control

⬇️| General `2` | Animation | Disable |
:---:|:--|:--:|:--:|
➡️| [**Button**](doc/wiki/en/Control/Button.md) | ✅ | ✅ |
➡️| [**FloatButton**](doc/wiki/en/Control/FloatButton.md) | ✅ | ❎ |
||||
⬇️| Layout `4` | Animation | Disable |
➡️| [**Divider**](doc/wiki/en/Control/Divider.md) | ❎ | ❎ |
➡️| [**StackPanel**](doc/wiki/en/Control/StackPanel.md) | ❎ | ❎ |
➡️| [**FlowPanel**](doc/wiki/en/Control/FlowPanel.md) | ❎ | ❎ |
➡️| [**GridPanel**](doc/wiki/en/Control/GridPanel.md) | ❎ | ❎ |
||||
⬇️| Navigation `6` | Animation | Disable |
➡️| [**Breadcrumb**](doc/wiki/en/Control/Breadcrumb.md) | ✅ | ❎ |
➡️| [**Dropdown**](doc/wiki/en/Control/Dropdown.md) | ✅ | ✅ |
➡️| [**Menu**](doc/wiki/en/Control/Menu.md) | ✅ | ❎ |
➡️| [**PageHeader**](doc/wiki/en/Control/PageHeader.md) | ✅ | ❎ |
➡️| [**Pagination**](doc/wiki/en/Control/Pagination.md) | ✅ | ✅ |
➡️| [**Steps**](doc/wiki/en/Control/Steps.md) | ❎ | ❎ |
||||
⬇️| Data Entry `13` | Animation | Disable |
➡️| [**Checkbox**](doc/wiki/en/Control/Checkbox.md) | ✅ | ✅ |
➡️| [**ColorPicker**](doc/wiki/en/Control/ColorPicker.md) | ✅ | ✅ |
➡️| [**DatePicker**](doc/wiki/en/Control/DatePicker.md) | ✅ | ✅ |
➡️| [**DatePickerRange**](doc/wiki/en/Control/DatePicker#DatePickerRange.md) | ✅ | ✅ |
➡️| [**Input**](doc/wiki/en/Control/Input.md) | ✅ | ✅ |
➡️| [**InputNumber**](doc/wiki/en/Control/Input#InputNumber.md) | ✅ | ✅ |
➡️| [**Radio**](doc/wiki/en/Control/Radio.md) | ✅ | ✅ |
➡️| [**Rate**](doc/wiki/en/Control/Rate.md) | ✅ | ❎ |
➡️| [**Select**](doc/wiki/en/Control/Select.md) | ✅ | ✅ |
➡️| [**Slider**](doc/wiki/en/Control/Slider.md) | ✅ | ❎ |
➡️| [**Switch**](doc/wiki/en/Control/Switch.md) | ✅ | ✅ |
➡️| [**TimePicker**](doc/wiki/en/Control/TimePicker.md) | ✅ | ✅ |
➡️| [**UploadDragger**](doc/wiki/en/Control/UploadDragger.md) | ✅ | ❎ |
||||
⬇️| Data Display `17` | Animation | Disable |
➡️| [**Avatar**](doc/wiki/en/Control/Avatar.md) | ❎ | ❎ |
➡️| [**Badge**](doc/wiki/en/Control/Badge.md) | ✅ | ❎ |
➡️| [**Calendar**](doc/wiki/en/Control/Calendar.md) | ✅ | ❎ |
➡️| [**Panel**](doc/wiki/en/Control/Panel.md) | ✅ | ❎ |
➡️| [**Carousel**](doc/wiki/en/Control/Carousel.md) | ✅ | ❎ |
➡️| [**Collapse**](doc/wiki/en/Control/Collapse.md) | ✅ | ❎ |
➡️| [**Preview**](doc/wiki/en/Control/Preview.md) | ✅ | ✅ |
➡️| [**Popover**](doc/wiki/en/Control/Popover.md) | ✅ | ❎ |
➡️| [**Segmented**](doc/wiki/en/Control/Segmented.md) | ✅ | ✅ |
➡️| [**Table**](doc/wiki/en/Control/Table.md) | ✅ | ❎ |
➡️| [**Tabs**](doc/wiki/en/Control/Tabs.md) | ✅ | ❎ |
➡️| [**Tag**](doc/wiki/en/Control/Tag.md) | ✅ | ❎ |
➡️| [**Timeline**](doc/wiki/en/Control/Timeline.md) | ❎ | ❎ |
➡️| [**Tooltip**](doc/wiki/en/Control/Tooltip.md) | ✅ | ❎ |
➡️| [**Tree**](doc/wiki/en/Control/Tree.md) | ✅ | ✅ |
➡️| [**Label**](doc/wiki/en/Control/Label.md) | ✅ | ❎ |
➡️| [**LabelTime**](doc/wiki/zh/Control/LabelTime.md) | ✅ | ❎ |
||||
⬇️| Feedback `7` | Animation | Disable |
➡️| [**Alert**](doc/wiki/en/Control/Alert.md) | ✅ | ❎ |
➡️| [**Drawer**](doc/wiki/en/Control/Drawer.md) | ✅ | ❎ |
➡️| [**Message**](doc/wiki/en/Control/Message.md) | ✅ | ❎ |
➡️| [**Modal**](doc/wiki/en/Control/Modal.md) | ✅ | ❎ |
➡️| [**Notification**](doc/wiki/en/Control/Notification.md) | ✅ | ❎ |
➡️| [**Progress**](doc/wiki/en/Control/Progress.md) | ✅ | ❎ |
➡️| [**Spin**](doc/wiki/en/Control/Spin.md) | ✅ | ❎ |
⬇️| Chat `2` | Animation | Disable |
➡️| **MsgList** Friend message list | ✅ | ❎ |
➡️| **ChatList** Chat bubble list | ✅ | ❎ |
||||
⬇️| Other `5` | Animation | Disable |
➡️| [**WindowBar**](doc/wiki/en/Control/WindowBar.md) | ✅ | ❎ |
➡️| [**Battery**](doc/wiki/en/Control/Battery.md) | ✅ | ❎ |
➡️| [**Signal**](doc/wiki/en/Control/Signal.md) | ✅ | ❎ |
➡️| [**ContextMenuStrip**](doc/wiki/en/Control/ContextMenuStrip.md) | ✅ | ❎ |
➡️| **Image3D** | ✅ | ❎ |

### 🐿️ Donation 🥣💲🐖👚
![Payment](doc/pre/Payment.png)

### 🎨 Screenshot

#### ChatUI

> Pure GDI drawing (without inheriting from `TextBox`)

![ChatUI](doc/screenshot/ChatUI.gif)

#### Control

| **Button** | **Badge** |
| :--: | :--: |
| ![Button](doc/screenshot/Button.gif) | ![Badge](doc/screenshot/Badge.gif) |
| **Carousel** | **Input** |
| ![Carousel](doc/screenshot/Carousel.gif) | ![Input](doc/screenshot/Input.gif) |
| **Progress** | **Avatar** |
| ![Progress](doc/screenshot/Progress.gif) | ![Avatar](doc/screenshot/Avatar.gif) |
| **Checkbox** | **Radio** |
| ![Checkbox](doc/screenshot/Checkbox.gif) | ![Radio](doc/screenshot/Radio.gif) |
| **Tooltip** | **Panel** |
| ![Tooltip](doc/screenshot/Tooltip.gif) | ![Panel](doc/screenshot/Panel.gif) |
| **Tabs** | **Alert** |
| ![Tabs](doc/screenshot/Tabs.gif) | ![Alert](doc/screenshot/Alert.gif) |
| **Segmented** | **Menu** |
| ![Segmented](doc/screenshot/Segmented.gif) | ![Menu](doc/screenshot/Menu.gif) |
| **Divider** | **Slider** |
| ![Divider](doc/screenshot/Divider.gif) | ![Slider](doc/screenshot/Slider.gif) |
| **Message** | **Notification** |
| ![Message](doc/screenshot/Message.gif) | ![Notification](doc/screenshot/Notification.gif) |
| **Switch** | **Table** |
| ![Switch](doc/screenshot/Switch.gif) | ![Table](doc/screenshot/Table.gif) |

🦦