Web

A web standards-compliant rendering engine based on Flutter

Aug 02, 2021 1 min read

A web standards-compliant rendering engine based on Flutter

Kraken

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

? Have a try

Install Kraken CLI (macOS only currently)
```
$ npm i @openkraken/cli -g
```

Open with kraken

# kraken [localfile|URL]
$ kraken 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.
```
const text = document.createTextNode('Hello World!');
document.body.appendChild(text);
```
Cross platform ⚛️

Seamless integration with Flutter, supports web, mobile (iOS, Android) and desktop (MacOS, Linux, Windows).
Fast performance ?

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

? Contributing

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

Prerequisites
- Node.js v12.0 or later
- Flutter version in the kraken/pubspec.yaml
- CMake v3.2.0 or later
- Xcode (10.12) or later (Running on macOS or iOS)
- Android NDK version 21.4.7075529 (Running on Android)
Install
```
$ npm install
```
Building bridge

Building bridge for all supported platform (macOS, iOS, Android)
```
$ npm run build:bridge:all
```
Building bridge for one platform

macOS
```
$ npm run build:bridge:macos
```
iOS
```
$ npm run build:bridge:ios
```
Android

For Windows users, make sure that running this command under MINGW64 environment(eg. Git Bash).
```
$ npm run build:bridge:android
```
Start example
```
$ cd kraken/example
$ flutter run
```
Test (Unit Test and Integration Test)
```
$ npm test
```

GitHub

https://github.com/openkraken/kraken

Web