# makepad-apps

**Repository Path**: sternelee/makepad-apps

## Basic Information

- **Project Name**: makepad-apps
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-07-15
- **Last Updated**: 2026-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Makepad Component

[![版本](https://img.shields.io/badge/version-0.1.0-blue.svg)](https://github.com/ZhangHanDong/makepad-component)
[![许可证](https://img.shields.io/badge/license-MIT%20OR%20Apache--2.0-green.svg)](LICENSE)

**[English](README.md) | [日本語](README_ja.md)**

一个现代化的 [Makepad](https://github.com/makepad/makepad) UI 组件库，灵感来源于 longbridge [gpui-component](https://github.com/longbridge/gpui-component)。

![Makepad Component 预览1](asserts/mc1.png)

## 关于 Makepad

[Makepad](https://github.com/makepad/makepad) 是一个用 Rust 编写的下一代 UI 框架，具有以下特点：

- **GPU 加速渲染** - 基于自定义着色器的 SDF（有向距离场）绘制
- **跨平台** - 桌面端（Windows、macOS、Linux）、移动端（iOS、Android）和 Web（WebAssembly）
- **实时设计** - 支持热重载的 DSL，实现快速 UI 迭代
- **高性能** - 专为 IDE 和实时工具等高要求应用设计

### 生产级应用

| 项目 | 描述 |
|------|------|
| [Robrix](https://github.com/project-robius/robrix) | 使用 Makepad 构建的 Matrix 聊天客户端 |
| [Moly](https://github.com/moxin-org/moly) | AI 模型管理和推理工具 |
| [Makepad Studio](https://github.com/makepad/makepad) | Makepad IDE 本身 |

这些项目在 [Robius](https://github.com/project-robius) 计划下开发，推动跨平台 Rust GUI 开发的发展。

## 截图

| 组件展示 | Slider 功能 |
|----------|-------------|
| ![组件](asserts/mc1.png) | ![Slider](asserts/mc2.png) |

| 更多组件 | 完整演示 |
|----------|----------|
| ![更多](asserts/mc3.png) | ![演示](asserts/mc4.png) |

## 功能特性

### 组件 (v0.1.0)

- **Button** - Primary、Secondary、Danger、Ghost 变体，支持多种尺寸
- **Checkbox** - 支持标签和不确定状态
- **Switch** - 带动画的开关切换
- **Radio** - 单选按钮组
- **Divider** - 水平/垂直分隔线
- **Progress** - 线性进度条
- **Slider** - 单值/范围模式，垂直方向，对数刻度，禁用状态

### 即将推出

- TextInput（文本输入）
- Badge（徽章）
- Tooltip（提示）
- Spinner（加载动画）
- Modal（模态框）
- Dropdown（下拉菜单）
- 更多...

## 安装

添加到你的 `Cargo.toml`：

```toml
[dependencies]
makepad-component = { git = "https://github.com/ZhangHanDong/makepad-component", branch = "main" }
```

## 使用方法

```rust
use makepad_widgets::*;
use makepad_component::*;

live_design! {
    use link::theme::*;
    use link::widgets::*;
    use makepad_component::*;

    App = {{App}} {
        ui: <Root> {
            <Window> {
                body = <View> {
                    flow: Down, spacing: 20, padding: 20

                    <MpButtonPrimary> { text: "主要按钮" }
                    <MpCheckbox> { text: "选中我" }
                    <MpSwitch> {}
                    <MpSlider> { value: 50.0, min: 0.0, max: 100.0 }
                }
            }
        }
    }
}
```

## 运行演示

```bash
# 克隆仓库
git clone https://github.com/ZhangHanDong/makepad-component
cd makepad-component

# 运行组件动物园演示
cargo run -p component-zoo
```

---

## AI 辅助开发

本组件库基于 [makepad-skills](https://github.com/ZhangHanDong/makepad-skills) 与 AI（Claude Code）共同实现。

makepad-skills 是一套专为 Makepad 开发设计的 Claude Code 技能集，涵盖组件创建、着色器编写、生产级模式等最佳实践。

---

## 灵感来源

本项目的灵感来源于 longbridge [gpui-component](https://github.com/longbridge/gpui-component)，这是一个为 GPUI 框架（用于 Zed 编辑器）设计的组件库。虽然 gpui-component 面向 GPUI，但 **makepad-component** 将类似的设计原则和组件模式带入了 Makepad 生态系统。

主要区别：
- **Makepad** 使用 `live_design!` DSL，而 GPUI 采用纯 Rust 方式
- **Makepad** 内置着色器/动画系统
- **Makepad** 支持更多平台（包括移动端/Web）

## 贡献

> **注意：** 本组件库还未完善，需要大家一起共建！欢迎社区成员参与贡献。

欢迎贡献！请随时提交 issues 和 pull requests。

## 许可证

根据以下任一许可证授权：

- Apache License, Version 2.0 ([LICENSE-APACHE](LICENSE-APACHE) 或 http://www.apache.org/licenses/LICENSE-2.0)
- MIT license ([LICENSE-MIT](LICENSE-MIT) 或 http://opensource.org/licenses/MIT)

任选其一。