rikulo_ui 0.8.0

  • README.md
  • Installing
  • Versions
  • 4

#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).

Use this package as a library

1. Depend on it

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

  rikulo_ui: ^0.8.0

2. Install it

You can install packages from the command line:

with pub:

$ pub get

Alternatively, your editor might support pub get. 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/html.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';
Version Uploaded Documentation Archive
0.8.0 Nov 25, 2015 Go to the documentation of rikulo_ui 0.8.0 Download rikulo_ui 0.8.0 archive
0.7.3+1 Jan 9, 2014 Go to the documentation of rikulo_ui 0.7.3+1 Download rikulo_ui 0.7.3+1 archive
0.7.3 Oct 29, 2013 Go to the documentation of rikulo_ui 0.7.3 Download rikulo_ui 0.7.3 archive
0.7.2 Oct 24, 2013 Go to the documentation of rikulo_ui 0.7.2 Download rikulo_ui 0.7.2 archive
0.7.1 Oct 8, 2013 Go to the documentation of rikulo_ui 0.7.1 Download rikulo_ui 0.7.1 archive
0.7.0+2 Sep 17, 2013 Go to the documentation of rikulo_ui 0.7.0+2 Download rikulo_ui 0.7.0+2 archive
0.7.0+1 Sep 17, 2013 Go to the documentation of rikulo_ui 0.7.0+1 Download rikulo_ui 0.7.0+1 archive
0.7.0 Sep 9, 2013 Go to the documentation of rikulo_ui 0.7.0 Download rikulo_ui 0.7.0 archive
0.6.8+2 Aug 27, 2013 Go to the documentation of rikulo_ui 0.6.8+2 Download rikulo_ui 0.6.8+2 archive
0.6.8 Jul 18, 2013 Go to the documentation of rikulo_ui 0.6.8 Download rikulo_ui 0.6.8 archive

All 33 versions...

Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

The package version is not analyzed, because it does not support Dart 2. Until this is resolved, the package will receive a health and maintenance score of 0.

Analysis issues and suggestions

Fix dependencies in pubspec.yaml.

Running pub upgrade failed with the following output:

ERR: The current Dart SDK version is 2.1.0.
 Because rikulo_ui depends on browser any which requires SDK version <2.0.0, version solving failed.

Health suggestions

Format lib/src/effect/Animator.dart.

Run dartfmt to format lib/src/effect/Animator.dart.

Format lib/src/effect/BuzzEffect.dart.

Run dartfmt to format lib/src/effect/BuzzEffect.dart.

Format lib/src/effect/EasingMotion.dart.

Run dartfmt to format lib/src/effect/EasingMotion.dart.

Fix additional 68 files with analysis or formatting issues.

Additional issues in the following files:

  • lib/src/effect/Effect.dart (Run dartfmt to format lib/src/effect/Effect.dart.)
  • lib/src/effect/GlowEffect.dart (Run dartfmt to format lib/src/effect/GlowEffect.dart.)
  • lib/src/effect/LinearPathMotion.dart (Run dartfmt to format lib/src/effect/LinearPathMotion.dart.)
  • lib/src/effect/Motion.dart (Run dartfmt to format lib/src/effect/Motion.dart.)
  • lib/src/effect/ShakeEffect.dart (Run dartfmt to format lib/src/effect/ShakeEffect.dart.)
  • lib/src/effect/SlideEffect.dart (Run dartfmt to format lib/src/effect/SlideEffect.dart.)
  • lib/src/event/Broadcaster.dart (Run dartfmt to format lib/src/event/Broadcaster.dart.)
  • lib/src/event/ViewEvent.dart (Run dartfmt to format lib/src/event/ViewEvent.dart.)
  • lib/src/event/ViewEvents.dart (Run dartfmt to format lib/src/event/ViewEvents.dart.)
  • lib/src/gesture/DragGesture.dart (Run dartfmt to format lib/src/gesture/DragGesture.dart.)
  • lib/src/gesture/Dragger.dart (Run dartfmt to format lib/src/gesture/Dragger.dart.)
  • lib/src/gesture/Gesture.dart (Run dartfmt to format lib/src/gesture/Gesture.dart.)
  • lib/src/gesture/HoldGesture.dart (Run dartfmt to format lib/src/gesture/HoldGesture.dart.)
  • lib/src/gesture/Scroller.dart (Run dartfmt to format lib/src/gesture/Scroller.dart.)
  • lib/src/gesture/SwipeGesture.dart (Run dartfmt to format lib/src/gesture/SwipeGesture.dart.)
  • lib/src/gesture/ZoomGesture.dart (Run dartfmt to format lib/src/gesture/ZoomGesture.dart.)
  • lib/src/html/Matrix.dart (Run dartfmt to format lib/src/html/Matrix.dart.)
  • lib/src/html/Points.dart (Run dartfmt to format lib/src/html/Points.dart.)
  • lib/src/html/Size.dart (Run dartfmt to format lib/src/html/Size.dart.)
  • lib/src/html/css_util.dart (Run dartfmt to format lib/src/html/css_util.dart.)
  • lib/src/html/dom_util.dart (Run dartfmt to format lib/src/html/dom_util.dart.)
  • lib/src/layout/AnchorRelation.dart (Run dartfmt to format lib/src/layout/AnchorRelation.dart.)
  • lib/src/layout/Info.dart (Run dartfmt to format lib/src/layout/Info.dart.)
  • lib/src/layout/Layout.dart (Run dartfmt to format lib/src/layout/Layout.dart.)
  • lib/src/layout/LayoutManager.dart (Run dartfmt to format lib/src/layout/LayoutManager.dart.)
  • lib/src/layout/LinearLayout.dart (Run dartfmt to format lib/src/layout/LinearLayout.dart.)
  • lib/src/layout/MeasureContext.dart (Run dartfmt to format lib/src/layout/MeasureContext.dart.)
  • lib/src/layout/TileLayout.dart (Run dartfmt to format lib/src/layout/TileLayout.dart.)
  • lib/src/message/InterApplicationBridge.dart (Run dartfmt to format lib/src/message/InterApplicationBridge.dart.)
  • lib/src/message/MessageQueue.dart (Run dartfmt to format lib/src/message/MessageQueue.dart.)
  • lib/src/model/DataEvent.dart (Run dartfmt to format lib/src/model/DataEvent.dart.)
  • lib/src/model/DataModel.dart (Run dartfmt to format lib/src/model/DataModel.dart.)
  • lib/src/model/ListModel.dart (Run dartfmt to format lib/src/model/ListModel.dart.)
  • lib/src/model/TreeModel.dart (Run dartfmt to format lib/src/model/TreeModel.dart.)
  • lib/src/model/TreeNode.dart (Run dartfmt to format lib/src/model/TreeNode.dart.)
  • lib/src/view/Button.dart (Run dartfmt to format lib/src/view/Button.dart.)
  • lib/src/view/Canvas.dart (Run dartfmt to format lib/src/view/Canvas.dart.)
  • lib/src/view/CheckBox.dart (Run dartfmt to format lib/src/view/CheckBox.dart.)
  • lib/src/view/DropDownList.dart (Run dartfmt to format lib/src/view/DropDownList.dart.)
  • lib/src/view/Image.dart (Run dartfmt to format lib/src/view/Image.dart.)
  • lib/src/view/LayoutDeclaration.dart (Run dartfmt to format lib/src/view/LayoutDeclaration.dart.)
  • lib/src/view/Link.dart (Run dartfmt to format lib/src/view/Link.dart.)
  • lib/src/view/Panel.dart (Run dartfmt to format lib/src/view/Panel.dart.)
  • lib/src/view/ProfileDeclaration.dart (Run dartfmt to format lib/src/view/ProfileDeclaration.dart.)
  • lib/src/view/ScrollView.dart (Run dartfmt to format lib/src/view/ScrollView.dart.)
  • lib/src/view/Section.dart (Run dartfmt to format lib/src/view/Section.dart.)
  • lib/src/view/Style.dart (Run dartfmt to format lib/src/view/Style.dart.)
  • lib/src/view/Switch.dart (Run dartfmt to format lib/src/view/Switch.dart.)
  • lib/src/view/TextArea.dart (Run dartfmt to format lib/src/view/TextArea.dart.)
  • lib/src/view/TextBox.dart (Run dartfmt to format lib/src/view/TextBox.dart.)
  • lib/src/view/TextView.dart (Run dartfmt to format lib/src/view/TextView.dart.)
  • lib/src/view/View.dart (Run dartfmt to format lib/src/view/View.dart.)
  • lib/src/view/_StyleImpl.dart (Run dartfmt to format lib/src/view/_StyleImpl.dart.)
  • lib/src/view/impl/RunOnceViewManager.dart (Run dartfmt to format lib/src/view/impl/RunOnceViewManager.dart.)
  • lib/src/view/impl/ViewImpl.dart (Run dartfmt to format lib/src/view/impl/ViewImpl.dart.)
  • lib/src/view/printc.dart (Run dartfmt to format lib/src/view/printc.dart.)
  • lib/src/view/select/Attribute.dart (Run dartfmt to format lib/src/view/select/Attribute.dart.)
  • lib/src/view/select/PseudoClass.dart (Run dartfmt to format lib/src/view/select/PseudoClass.dart.)
  • lib/src/view/select/Selector.dart (Run dartfmt to format lib/src/view/select/Selector.dart.)
  • lib/src/view/select/SelectorParseException.dart (Run dartfmt to format lib/src/view/select/SelectorParseException.dart.)
  • lib/src/view/select/Selectors.dart (Run dartfmt to format lib/src/view/select/Selectors.dart.)
  • lib/src/view/select/SimpleSelectorSequence.dart (Run dartfmt to format lib/src/view/select/SimpleSelectorSequence.dart.)
  • lib/src/view/select/Token.dart (Run dartfmt to format lib/src/view/select/Token.dart.)
  • lib/src/view/select/ViewIterator.dart (Run dartfmt to format lib/src/view/select/ViewIterator.dart.)
  • lib/src/view/select/ViewMatchContext.dart (Run dartfmt to format lib/src/view/select/ViewMatchContext.dart.)
  • lib/src/view/view_impls.dart (Run dartfmt to format lib/src/view/view_impls.dart.)
  • lib/src/view/view_util.dart (Run dartfmt to format lib/src/view/view_util.dart.)
  • lib/view/impl.dart (Run dartfmt to format lib/view/impl.dart.)

Maintenance issues and suggestions

Fix platform conflicts. (-20 points)

Error(s) prevent platform classification:

Fix dependencies in pubspec.yaml.

Running dartdoc failed. (-10 points)

Make sure dartdoc runs without any issues.

Package is too old. (-100 points)

The package was released more than two years ago.

Maintain CHANGELOG.md. (-20 points)

Changelog entries help clients to follow the progress in your code.

Maintain an example.

None of the files in your example/ directory matches a known example patterns. Common file name patterns include: main.dart, example.dart or you could also use rikulo_ui.dart. Packages with multiple examples should use example/readme.md.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.0.0