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

Kraken

💁 Have a try

1. Install Kraken CLI (macOS only currently)

   $ npm i @openkraken/cli -g
   

2. 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.

0. 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 20.0.5594570 or later (Running on Android)

1. Install

   $ npm install
   

2. 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
   

3. Start example

   $ cd kraken/example
   $ flutter run
   

4. Test (Unit Test and Integration Test)

   $ npm test