# openblock-gui

[![Publish Npm Package And Deploy Github Pages](https://github.com/openblockcc/openblock-gui/actions/workflows/publish-npm-package-and-deploy-gh-pages.yml/badge.svg)](https://github.com/openblockcc/openblock-gui/actions/workflows/publish-npm-package-and-deploy-gh-pages.yml)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fopenblockcc%2Fopenblock-gui.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fopenblockcc%2Fopenblock-gui?ref=badge_shield)
[![Gitter](https://badges.gitter.im/openblockcc/community.svg)](https://gitter.im/openblockcc/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
[![ko-fi](https://img.shields.io/badge/donate-sponsors-ea4aaa.svg?logo=ko-fi)](https://ko-fi.com/X8X66DATO)

**OpenBlock GUI is a set of React components that comprise the interface for creating and running OpenBlock projects**

## Try OpenBlock Online

OpenBlock Online: [https://openblockcc.github.io/openblock-gui/develop/](https://openblockcc.github.io/openblock-gui/develop/)

![screenshot1](./docs/screenshot1.png)
![screenshot2](./docs/screenshot2.png)

## Getting Start

Visit the wiki: [https://wiki.openblock.cc](https://wiki.openblock.cc)

## Join chat

- Gitter: [https://gitter.im/openblockcc/community](https://gitter.im/openblockcc/community?utm_source=share-link&utm_medium=link&utm_campaign=share-link)

- QQ 群 (for chinese): 933484739

## Donate

Buy me a cup of coffee.

- Ko-fi (PayPal):

    [![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/X8X66DATO)

- 支付宝:

    ![alipayQRCode](./docs/alipayQRCode.png)

## Bug Report

You can submit the bug log in issues of this project.


## License
[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fopenblockcc%2Fopenblock-gui.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fopenblockcc%2Fopenblock-gui?ref=badge_large)