# Coya

![Version](https://img.shields.io/badge/dynamic/json?color=green&label=version&query=version&url=https%3A%2F%2Fraw.githubusercontent.com%2FAlexanderMykulych%2Fcoya%2Febf7f54fd94986238e38bb3c14aadb1aad9725a2%2Flibraries%2Fcore%2Fpackage.json)
![Build](https://github.com/AlexanderMykulych/coya/actions/workflows/main.yml/badge.svg)
<p align="center">
<table>
<tbody>
    <td align="center">
    <img width="2000" height="0"><br>
    Status: <b>Beta 🎉</b><br>
    Give it a star. It really motivates us 🤩
    <img width="2000" height="0">
    </td>
</tbody>
</table>
</p>

Coya is a diagram drawing library.
The resulting diagram is just a JSON file, so you can:
- 🤓 commit it to git and compare it with the prev version
- 💡 generate a diagram from any programming language
- ✨ animate diagram, like in PowerPoint
- 🔨 use a powerful editor
- 🧰 use vscode extension (in development)

![](./assets/ex_01.gif)

# Demo
You can try it [here](https://coya-demo.herokuapp.com/)

Here is an example of how to use it:
![](./assets/ex_03.gif)

# Available blocks
- rectangles and arrows
- images
- code files
- iframes

![](./assets/ex_02.gif)

# Run locally
First time:
```bash
pnpm i
```
Run project:
```bash
pnpm vue
```
# Sponsors

<table>
  <tbody>
    <tr>
      <td align="center" valign="middle">
        <a href="https://upswot.com/" target="_blank"><img src="https://upswot.com/wp-content/uploads/2021/06/upSWOT.svg" width="200"></a>
      </td>
    </tr>
  </tbody>
</table>

# Contributors

Follow our [Contribute guide](CONTRIBUTING.md).

# Keep posted

More details on [Twitter](https://twitter.com/AMykulych)

# More examples (only gifs for now)

![](./assets/ex_04.gif)
![](./assets/ex_05.gif)
![](./assets/ex_06.gif)
![](./assets/ex_07.gif)
![](./assets/ex_08.gif)
![](./assets/ex_09.gif)