rikulo_ui 0.8.0

  • README.md
  • Installing
  • Versions
  • 25

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


We analyzed this package on Jul 13, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.63.0
  • pana: 0.11.3


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


Detected platforms: web

Platform components identified in package: html.


  • Maintain CHANGELOG.md.

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

  • Use constrained dependencies.

    The pubspec.yaml contains 2 dependencies without version constraints. Specify version ranges for the following dependencies: browser, rikulo_commons.

  • Package is too old.

    The package was released more than two years ago.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 41 errors 85 hints.

    Strong-mode analysis of lib/src/event/ViewEvent.dart failed with the following error:

    line: 343 col: 3
    super call must be last in an initializer list (see https://goo.gl/EY6hDP): 'super(type, target)'.

    Strong-mode analysis of lib/src/gesture/DragGesture.dart failed with the following error:

    line: 89 col: 14
    The getter 'touch' isn't defined for the class 'Browser'.

    Similar analysis of the following files failed:

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

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

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


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.0.0
browser any 0.10.0+3
rikulo_commons any 2.3.9
Transitive dependencies
logging 0.11.3+1
mime 0.9.6+1