rikulo_ui 0.7.3+1

Rikulo UI

Rikulo UI is a cross-platform framework for creating amazing Web and native mobile applications in Dart and HTML 5. Our aim is to bring structure to your user interface with a strong layout system, recursive component composition, and neat libraries.

You can access your application directly with a modern Web browser without any plug-in. You can also build it as a native mobile application accessing the device's resources transparently.

Rikulo is distributed under an Apache 2.0 License.

Build Status


Add this to your pubspec.yaml (or create it):


Then run the Pub Package Manager (comes with the Dart SDK):

pub install

For more information, please refer to Rikulo: Getting Started and Pub: Getting Started.


Creating UI in Rikulo is straightforward.

import 'package:rikulo_ui/view.dart';

void main() {
  new TextView("Hello World!") //create UI
    .addToDocument(); //make it available to the browser

For more information, please refer to the Hello World sample application.

Notes to Contributors

Create Addons

Rikulo is easy to extend. The simplest way to enhance Rikulo is to create a new repository and add your own great widgets and libraries to it.

Fork Rikulo

If you'd like to contribute back to the core, you can fork this repository and send us a pull request, when it is ready.

Please be aware that one of Rikulo's design goals is to keep the sphere of API as neat and consistency as possible. Strong enhancement always demands greater consensus.

If you are new to Git or GitHub, please read this guide first.

Development Notes

Compile LESS to CSS

Rikulo CSS rules are placed in view.less. They are written in LESS. If you modify view.less, you have to invoke tool/l2c to generate view.css (under Linux or Cygwin bash).

1. Depend on it

Add this to your package's pubspec.yaml file:

  rikulo_ui: "^0.7.3+1"

2. Install it

You can install packages from the command line:

$ pub get

Alternatively, your editor might support pub. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:rikulo_ui/effect.dart';
import 'package:rikulo_ui/event.dart';
import 'package:rikulo_ui/gesture.dart';
import 'package:rikulo_ui/layout.dart';
import 'package:rikulo_ui/message.dart';
import 'package:rikulo_ui/model.dart';
import 'package:rikulo_ui/view.dart';
import 'package:rikulo_ui/view/impl.dart';
import 'package:rikulo_ui/view/select.dart';


A cross-platform framework for creating amazing Web and native mobile applications in Dart & HTML5.


Email tomyeh@rikulo.org Tom Yeh
Email simonpai@rikulo.org Simon Pai
Email henrichen@rikulo.org Henri Chen