Mesh

KO | EN

gitlite — search

#react #typescript #llm #golang #deep-learning #docker #macos #windows #awesome-list #vue #pytorch #mcp #ios #open-source

(★ 207)

Mesh gradient editor in Compose Desktop

파일 탐색기

최종 버전 다운로드 (.zip)

- resume
- setup
- receipt.json
- icon.png
- desktopApp.run.xml
- icon.icns
- screenshot.png
- build.gradle.kts
- RELEASING.md
- - gradle-wrapper.jar
  - gradle-wrapper.properties
- libs.versions.toml
.gitignore
AGENTS.md
build.gradle.kts
gradle.properties
gradlew
gradlew.bat
LICENSE
README.md
settings.gradle.kts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Screenshot of desktop app](https://raw.githubusercontent.com/c5inco/Mesh/main/artwork/screenshot.png)

# Mesh

A simple tool to create and edit mesh gradients. Mesh gradients are drawn with the wonderful [implementation](https://gist.github.com/sinasamaki/05725557c945c5329fdba4a3494aaecb?ref=sinasamaki.com) by [@sinasamaki](https://www.sinasamaki.com/mesh-gradients-in-jetpack-compose/)

Built as a [Compose Desktop](https://www.jetbrains.com/compose-multiplatform/) app, with the JetBrains [Jewel UI standalone toolkit](https://github.com/JetBrains/jewel).

🔮 This README was mostly generated with Cursor.

## Features

### Current

- Create smooth mesh gradients with customizable control points
- Adjustable grid dimensions (2-10 rows/columns) 
- Color palette management
- Precise control point positioning
- Edge point constraints
- Interactive gradient preview
- Export code for gradient or as an image
- Basic ability to change canvas size and background color
- Changes are autosaved
- Dark theme UI using Jewel components

### Future

- [ ] Ability to save configurations as documents
- [ ] Adding grain
- [ ] Allow changing resolution of gradient
- [ ] Multiple gradient presets
- [ ] Gradient animating fun
- [ ] Undo/redo functionality

## Stack

- **Kotlin** - Primary programming language
- **Compose Multiplatform** - UI framework for desktop
- **Jewel UI (standalone)** - JetBrains design system components
- **Kotlinpoet** - Code generation for gradient export

## Getting Started

### Building and Running

1. Clone the repository
2. Run the desktop application:

```bash
./gradlew :composeApp:run
```

### Packaging (macOS)

Build an unsigned DMG for local testing:

```bash
./gradlew :composeApp:packageDmg
```

Build a signed and notarized release DMG (requires local signing setup):

```bash
./gradlew :composeApp:notarizeDmg
```

See [docs/RELEASING.md](docs/RELEASING.md) for the full Compose Pi-style release flow.

Or use the provided run configuration in `.run/desktopApp.run.xml`

## Usage

### Basic Controls

- **Double-click** the canvas to toggle control points visibility
- **Drag control points** to adjust gradient mesh
- **Add colors** using the color picker in the side panel
- **Adjust grid** using the Rows/Cols inputs
- **Toggle constraints** to lock edge points
- **Export points** points as a list of `Pair<Offset, Color>` objects to use in [@sinasamaki](https://gist.github.com/sinasamaki/05725557c945c5329fdba4a3494aaecb?ref=sinasamaki.com)'s Modifier recipe
- **Export as an image** at 1x, 2x, or 3x scale

### Color Management

Colors can be added to the palette using hex values. The application supports:
- Adding new colors
- Removing colors (minimum 1 color required)
- Selecting colors for control points via dropdown

## Project Structure

The project follows a basic Compose Multiplatform structure, generated from the [Kotlin Multiplatform wizard](https://kmp.jetbrains.com/) from JetBrains:

```
composeApp/
  ├── src/
  │   ├── commonMain/      # Shared code
  │   │   └── kotlin/
  │   └── desktopMain/     # Desktop-specific code
  │       └── kotlin/
  └── build.gradle.kts     # Desktop module configuration
```

## License

[Apache 2.0](LICENSE)

Mesh

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Mesh

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README