Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
Add canvas app example
  • Loading branch information
miroiu authored Jun 26, 2024
1 parent 7eea989 commit acb971c
Showing 1 changed file with 11 additions and 6 deletions.
17 changes: 11 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,34 +6,39 @@
[![License](https://img.shields.io/github/license/miroiu/nodify?style=for-the-badge)](https://github.com/miroiu/nodify/blob/master/LICENSE)
[![C#](https://img.shields.io/static/v1?label=docs&message=WIP&color=orange&style=for-the-badge)](https://github.com/miroiu/nodify/wiki)

A collection of highly performant controls for node based editors designed for MVVM.
A collection of highly performant controls for node-based editors designed for MVVM.

> [!TIP]
> There is now a fantastic Avalonia port available! You can check it out [here](https://github.com/BAndysc/nodify-avalonia). Huge thanks to [BAndysc](https://github.com/BAndysc) who made this possible!
## 🚀 Examples of node-based applications

🔶 A canvas application where you can draw and connect shapes.

> [Examples/Nodify.Shapes](Examples/Nodify.Shapes)
![Canvas](https://github.com/miroiu/nodify/assets/12727904/78dd3dcc-ce46-48bb-92d8-c432eda90adf)

🎨 A playground application where you can try all the available settings.

> [Examples/Nodify.Playground](Examples/Nodify.Playground)
![Playground](https://i.imgur.com/aqrUpuP.gif)


🌓 A state machine where each state represents an executable action, and each transition represents a condition for the next action to execute.
🌓 A state machine where each state represents an executable action, and each transition represents a condition for executing the next action.

> [Examples/Nodify.StateMachine](Examples/Nodify.StateMachine)
![StateMachine](https://i.imgur.com/nVKV5ly.gif)

💻 A simple "real-time" calculator where each node represents an operation that takes input and feeds its output into other nodes input.
💻 A simple "real-time" calculator where each node represents an operation that takes input and feeds its output into other node's input.

> [Examples/Nodify.Calculator](Examples/Nodify.Calculator)
![Calculator](https://i.imgur.com/jonrZAq.gif)

## 📥 Installation
Use the nuget package manager to install Nodify.
Use the NuGet package manager to install Nodify.

```
Install-Package Nodify
Expand All @@ -49,7 +54,7 @@ Install-Package Nodify
- **Select**, **move** and **connect** nodes
- Lots of **configurable** dependency properties
- Ready for undo/redo
- Example applications: 🎨 [**Playground**](Examples/Nodify.Playground), 🌓 [**State machine**](Examples/Nodify.StateMachine), 💻 [**Calculator**](Examples/Nodify.Calculator)
- Example applications: 🎨 [**Playground**](Examples/Nodify.Playground), 🌓 [**State machine**](Examples/Nodify.StateMachine), 💻 [**Calculator**](Examples/Nodify.Calculator), 🔶 [**Canvas**](Examples/Nodify.Shapes)

## 📝 Documentation

Expand Down

0 comments on commit acb971c

Please sign in to comment.