https://github.com/openkraken/kraken

A web standards-compliant, high-performance rendering engine based on Flutter.
https://github.com/openkraken/kraken

engine flutter kraken web

Last synced: 6 days ago
JSON representation

A web standards-compliant, high-performance rendering engine based on Flutter.

• Host: GitHub
• URL: https://github.com/openkraken/kraken
• Owner: openkraken
• License: apache-2.0
• Created: 2020-12-04T08:55:45.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-12-30T15:02:55.000Z (about 2 years ago)
• Last Synced: 2025-01-09T14:25:45.253Z (13 days ago)
• Topics: engine, flutter, kraken, web
• Language: TypeScript
• Homepage: https://openkraken.com
• Size: 166 MB
• Stars: 4,928
• Watchers: 80
• Forks: 303
• Open Issues: 209
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![kraken Post](https://user-images.githubusercontent.com/677114/101163298-6264ae80-366e-11eb-9151-f560d18c2ceb.png)

> ⭐️ If your project uses Flutter 3.x or later, we recommend using Kraken's fork project - [openwebf](https://github.com/openwebf/webf).  

> 

> ⭐️ 如果你的项目使用的 Flutter 3.x 以上版本，我们推荐使用 Kraken 的 fork 项目 —— [openwebf](https://github.com/openwebf/webf)。

# [Kraken](https://openkraken.com/) [![pub package](https://img.shields.io/pub/v/kraken.svg)](https://pub.dev/packages/kraken) [![Integration Test WorkFlow](https://github.com/openkraken/kraken/actions/workflows/integration_test.yml/badge.svg?branch=main)](https://github.com/openkraken/kraken/actions/workflows/integration_test.yml)

## 💁 Have a try

1. Install Kraken CLI (macOS, Linux only currently)

    ```shell

    $ npm i @openkraken/cli -g

    ```

2. Open with kraken

    ```shell

    $ kraken run https://raw.githubusercontent.com/openkraken/kraken/master/kraken/example/assets/bundle.js

    ```

## 💌 Why kraken

* Quick development 🎉

  Compatibility with web standards means you don't have to change your stack.

  ```js

  const text = document.createTextNode('Hello World!');

  document.body.appendChild(text);

  ```

* Cross platform ⚛️

  [Seamless integration with Flutter](https://pub.dev/packages/kraken), supports web, mobile (iOS, Android) and desktop (MacOS, Linux, Windows).

* Fast performance 🚀

  Provide native-like performance such as navigation, animation and infinite list scrolling.

## Flutter version scope

Only flutter stable released version are fully tested.

| Kraken  | Flutter |

| ------------- | ------------- |

| >= 0.7.0 < 0.8.0 | 1.22.0 ~ 1.22.6 |

| >= 0.8.0 < 0.10.0  | 2.2.0 ~ 2.2.3 |

| >= 0.10.0 < 0.11.0 | 2.5.0 ~ 2.5.3 |

| >= 0.11.0 | 2.8.0 ~ 2.8.1 |

## 👏 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com)

By contributing to Kraken, you agree that your contributions will be licensed under its Apache-2.0 License.

Read our [contributing guide](https://github.com/openkraken/kraken/blob/main/.github/CONTRIBUTING.md) and let's build a better kraken project together.

Thank you to all the people who already contributed to Kraken!

![CONTRIBUTORS](https://andycall.oss-cn-beijing.aliyuncs.com/CONTRIBUTORS.svg)

Copyright (c) 2019-present, The Kraken authors.