KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

umbra

★ 207 Open GitHub ↗

Umbra, visual editor for shaders in Flutter.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
Umbra
</h1>

---

The visual editor for shaders in Flutter.

> **umbra** <sub>/ˈʌmbrə/</sub>
>
> _noun_:
> 1. the fully shaded inner region of a shadow cast by an opaque object, especially the area on  the earth or moon experiencing the total phase of an eclipse.
> 2. `LITERARY`  
>   shadow or darkness.  
>  "an impenetrable umbra seemed to fill every inch of the museum"

## Packages

| Package                                                                               | Pub                                                                                                      |
| ------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
| [umbra](https://github.com/wolfenrain/umbra/tree/main/packages/umbra)                 | [![pub package](https://img.shields.io/pub/v/umbra.svg)](https://pub.dev/packages/umbra)                 |
| [umbra_cli](https://github.com/wolfenrain/umbra/tree/main/packages/umbra_cli)         | [![pub package](https://img.shields.io/pub/v/umbra_cli.svg)](https://pub.dev/packages/umbra_cli)         |
| [umbra_flutter](https://github.com/wolfenrain/umbra/tree/main/packages/umbra_flutter) | [![pub package](https://img.shields.io/pub/v/umbra_flutter.svg)](https://pub.dev/packages/umbra_flutter) |

## Quick start

For a getting started with Umbra check out the [getting started](https://github.com/wolfenrain/umbra/tree/main/docs/getting-started) section in the docs.

```sh
# 🎯 Activate from https://pub.dev
dart pub global activate umbra_cli

# 🚀 Install umbra dependencies
umbra install-deps

# 🕶️ Create your first shader
umbra create hello_world

# 📦 Compile your first shader to a Dart file
umbra generate shaders/hello_world.glsl --output lib/shaders/
```

## Documentation

For the documentation that describes how you should writing shaders that are compatible with Umbra tooling, see the [Shader Specifications](https://github.com/wolfenrain/umbra/tree/main/docs/shader-specifications) documentation.

Documentation about the CLI can be found [here](https://github.com/wolfenrain/umbra/tree/main/docs/cli-commands.md).

## Articles

If you are looking for more general information about shaders in Flutter, here is a list of articles:

- [Shaders with Flutter and Flame](https://blog.devowl.de/shaders-with-flutter-and-flame-faf5fda42100) by [DevOwl](https://twitter.com/RealDevOwl)
- [Flutter & Shaders - An initial look](https://wolfenrain.medium.com/flutter-shaders-an-initial-look-d9eb98d3fd7a) by [wolfenrain](https://twitter.com/wolfenrain)

umbra

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README