https://github.com/AlexanderMykulych/coya

Coya
https://github.com/AlexanderMykulych/coya

diagram-editor drawing-library editor svg

Last synced: about 1 month ago
JSON representation

Coya

• Host: GitHub
• URL: https://github.com/AlexanderMykulych/coya
• Owner: AlexanderMykulych
• License: apache-2.0
• Created: 2021-08-18T09:37:40.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-22T15:21:56.000Z (about 1 year ago)
• Last Synced: 2024-01-24T14:08:12.388Z (4 months ago)
• Topics: diagram-editor, drawing-library, editor, svg
• Language: TypeScript
• Homepage:
• Size: 60.2 MB
• Stars: 63
• Watchers: 3
• Forks: 2
• Open Issues: 31
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• awesome-vue - coya - Diagram drawing library (vue3 only) (Components & Libraries / UI Components)
• awesome-vue - coya - Diagram drawing library (vue3 only) (Components & Libraries / UI Components)

README

        
# 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)





    

    


    Status: Beta 🎉


    Give it a star. It really motivates us 🤩

    

    

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

  

    

      

        

      

    

  

# 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)