diff --git a/README.md b/README.md
index 5b629e59..15094371 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,7 @@ For more information, please refer to [Pub: Dependencies](http://pub.dartlang.or
Creating UI in Rikulo is straightforward.
- import 'package:rikulo/view.dart';
+ import 'package:rikulo_ui/view.dart';
void main() {
new TextView("Hello World!") //create UI
diff --git a/example/circle/CircleOnCanvas.dart b/example/circle/CircleOnCanvas.dart
index a8a2d5fa..fc273538 100644
--- a/example/circle/CircleOnCanvas.dart
+++ b/example/circle/CircleOnCanvas.dart
@@ -3,9 +3,9 @@
import 'dart:html';
import "dart:math";
-import 'package:rikulo/html.dart';
-import 'package:rikulo/view.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/effect.dart';
CanvasRenderingContext2D ctx2d;
Canvas canvas;
diff --git a/example/circle/CircleView.dart b/example/circle/CircleView.dart
index 2c318871..c0bd55cc 100644
--- a/example/circle/CircleView.dart
+++ b/example/circle/CircleView.dart
@@ -3,9 +3,9 @@
import 'dart:html';
import "dart:math";
-import 'package:rikulo/html.dart';
-import 'package:rikulo/view.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/effect.dart';
Animator animator;
diff --git a/example/circle/index-canvas.html b/example/circle/index-canvas.html
index 16a9a63c..4c032d2b 100644
--- a/example/circle/index-canvas.html
+++ b/example/circle/index-canvas.html
@@ -3,7 +3,7 @@
Circles on Canvas
-
+
diff --git a/example/circle/index-view.html b/example/circle/index-view.html
index 2d728e17..6c94097e 100644
--- a/example/circle/index-view.html
+++ b/example/circle/index-view.html
@@ -4,7 +4,7 @@
Circles
-
+
diff --git a/example/composite-view/CompositeViewDemo.dart b/example/composite-view/CompositeViewDemo.dart
index 64a05302..51f4a1a3 100644
--- a/example/composite-view/CompositeViewDemo.dart
+++ b/example/composite-view/CompositeViewDemo.dart
@@ -1,7 +1,7 @@
//Sample Code: CompositeViewDemo
import 'dart:html';
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
import 'LabeledInput.dart';
void main() {
diff --git a/example/composite-view/LabeledInput.dart b/example/composite-view/LabeledInput.dart
index ccbba783..450bc821 100644
--- a/example/composite-view/LabeledInput.dart
+++ b/example/composite-view/LabeledInput.dart
@@ -3,8 +3,8 @@
// Author: tomyeh
library rikulo_example_compositeView;
-import 'package:rikulo/view.dart';
-import 'package:rikulo/event.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/event.dart';
/**
* A composite view consisting of a label ([TextView]) and an input ([TextBox]).
diff --git a/example/composite-view/index.html b/example/composite-view/index.html
index 18706fdb..8fe4521a 100644
--- a/example/composite-view/index.html
+++ b/example/composite-view/index.html
@@ -3,7 +3,7 @@
Composite View Demo
-
+
diff --git a/example/custom-layout/CustomLayoutDemo.dart b/example/custom-layout/CustomLayoutDemo.dart
index 8aaed112..c192d035 100644
--- a/example/custom-layout/CustomLayoutDemo.dart
+++ b/example/custom-layout/CustomLayoutDemo.dart
@@ -2,9 +2,9 @@
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/html.dart';
class CustomLayoutDemo {
View anchor, mainView;
diff --git a/example/custom-layout/index.html b/example/custom-layout/index.html
index 5a7d66ad..005bed19 100644
--- a/example/custom-layout/index.html
+++ b/example/custom-layout/index.html
@@ -3,7 +3,7 @@
Custom Layout Demo
-
+
diff --git a/example/effect/DialogEffectDemo.dart b/example/effect/DialogEffectDemo.dart
index a148a44a..a2ecacbb 100644
--- a/example/effect/DialogEffectDemo.dart
+++ b/example/effect/DialogEffectDemo.dart
@@ -5,11 +5,11 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/view/impl.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/view/impl.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
TextView block(String text, int left, int top) {
TextView tv = new TextView(text)..width = 100..height = 100;
diff --git a/example/effect/EasingDemo.dart b/example/effect/EasingDemo.dart
index d7dd0fc1..25c76143 100644
--- a/example/effect/EasingDemo.dart
+++ b/example/effect/EasingDemo.dart
@@ -5,10 +5,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
class RadGroup {
diff --git a/example/effect/EffectDemo.dart b/example/effect/EffectDemo.dart
index c5b9d60f..c9e4fab5 100644
--- a/example/effect/EffectDemo.dart
+++ b/example/effect/EffectDemo.dart
@@ -5,10 +5,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
TextView block(String text, int left, int top) {
TextView tv = new TextView(text);
diff --git a/example/effect/MiscEffectDemo.dart b/example/effect/MiscEffectDemo.dart
index 31b0790c..86f676f5 100644
--- a/example/effect/MiscEffectDemo.dart
+++ b/example/effect/MiscEffectDemo.dart
@@ -3,11 +3,11 @@ import "dart:math";
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/view/impl.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/view/impl.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
class ViewDemo {
diff --git a/example/effect/NaturalEffectDemo.dart b/example/effect/NaturalEffectDemo.dart
index 89b8ee73..71cffef6 100644
--- a/example/effect/NaturalEffectDemo.dart
+++ b/example/effect/NaturalEffectDemo.dart
@@ -5,10 +5,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
TextView block(String text, int left, int top) {
TextView tv = new TextView(text);
diff --git a/example/effect/PanelEffectDemo.dart b/example/effect/PanelEffectDemo.dart
index bc172179..d6d574c4 100644
--- a/example/effect/PanelEffectDemo.dart
+++ b/example/effect/PanelEffectDemo.dart
@@ -2,11 +2,11 @@ import "dart:html";
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/view/impl.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/view/impl.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
TextView btn(String text) => new Button(text)..height = 32..width = 96;
diff --git a/example/effect/SwitchViewEffectDemo.dart b/example/effect/SwitchViewEffectDemo.dart
index face0420..7f3e30ab 100644
--- a/example/effect/SwitchViewEffectDemo.dart
+++ b/example/effect/SwitchViewEffectDemo.dart
@@ -5,10 +5,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
typedef void SwitchViewEffect(Element n1, Element n2, void end());
diff --git a/example/effect/SwitchViewEffectDemo2.dart b/example/effect/SwitchViewEffectDemo2.dart
index a80ed477..38ac57e9 100644
--- a/example/effect/SwitchViewEffectDemo2.dart
+++ b/example/effect/SwitchViewEffectDemo2.dart
@@ -5,10 +5,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
typedef void SwitchViewEffect(Element n1, Element n2, void end());
bool moving = false;
diff --git a/example/effect/ViewEffectDemo.dart b/example/effect/ViewEffectDemo.dart
index 0bf35d3b..04d89f2b 100644
--- a/example/effect/ViewEffectDemo.dart
+++ b/example/effect/ViewEffectDemo.dart
@@ -5,10 +5,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
List blocks(String text, int left, int top) =>
[block(text, left, top, true), block(text, left, top)];
diff --git a/example/effect/ViewEffectDemo2.dart b/example/effect/ViewEffectDemo2.dart
index ce861d96..86f5514c 100644
--- a/example/effect/ViewEffectDemo2.dart
+++ b/example/effect/ViewEffectDemo2.dart
@@ -3,10 +3,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
Button btn(String text) =>
new Button(text)..width = 96..height = 96..style.zIndex = "10";
diff --git a/example/effect/dialog.html b/example/effect/dialog.html
index 3a8c9cbe..1787488c 100644
--- a/example/effect/dialog.html
+++ b/example/effect/dialog.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/easing.html b/example/effect/easing.html
index 8323b4b8..67150327 100644
--- a/example/effect/easing.html
+++ b/example/effect/easing.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/effect.html b/example/effect/effect.html
index faff5b13..48048ff4 100644
--- a/example/effect/effect.html
+++ b/example/effect/effect.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/misc.html b/example/effect/misc.html
index d52e122a..e105b06b 100644
--- a/example/effect/misc.html
+++ b/example/effect/misc.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/natural.html b/example/effect/natural.html
index 02aa459d..4d925414 100644
--- a/example/effect/natural.html
+++ b/example/effect/natural.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/panel.html b/example/effect/panel.html
index accb3735..ed9e50e0 100644
--- a/example/effect/panel.html
+++ b/example/effect/panel.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/switch-view.html b/example/effect/switch-view.html
index c9341978..85e4f884 100644
--- a/example/effect/switch-view.html
+++ b/example/effect/switch-view.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/switch-view2.html b/example/effect/switch-view2.html
index f381743f..07753ad8 100644
--- a/example/effect/switch-view2.html
+++ b/example/effect/switch-view2.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/view.html b/example/effect/view.html
index e6625713..d9b41721 100644
--- a/example/effect/view.html
+++ b/example/effect/view.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/effect/view2.html b/example/effect/view2.html
index 753aa0d9..ce20dc47 100644
--- a/example/effect/view2.html
+++ b/example/effect/view2.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/free-layout/FreeLayoutDemo.dart b/example/free-layout/FreeLayoutDemo.dart
index 4d419356..38e8a41a 100644
--- a/example/free-layout/FreeLayoutDemo.dart
+++ b/example/free-layout/FreeLayoutDemo.dart
@@ -1,6 +1,6 @@
//Sample Code: Layout Demostration
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
void main() {
final mainView = new View()
diff --git a/example/free-layout/index.html b/example/free-layout/index.html
index 48fb7ca7..d45d0e93 100644
--- a/example/free-layout/index.html
+++ b/example/free-layout/index.html
@@ -3,7 +3,7 @@
Free Layout Demo
-
+
diff --git a/example/gesture/AlbumDemo.dart b/example/gesture/AlbumDemo.dart
index 447b97e3..0c681bd9 100644
--- a/example/gesture/AlbumDemo.dart
+++ b/example/gesture/AlbumDemo.dart
@@ -4,11 +4,11 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/gesture.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/gesture.dart';
+import 'package:rikulo_ui/effect.dart';
/* The following pictures are distributed under Creative Commons license
*
diff --git a/example/gesture/MapDemo.dart b/example/gesture/MapDemo.dart
index 2d107cce..af18fde8 100644
--- a/example/gesture/MapDemo.dart
+++ b/example/gesture/MapDemo.dart
@@ -4,10 +4,10 @@ import 'dart:html';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/gesture.dart';
-import 'package:rikulo/event.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/gesture.dart';
+import 'package:rikulo_ui/event.dart';
Offset center(View v) {
final dq = new DomAgent(v.node);
diff --git a/example/gesture/album.html b/example/gesture/album.html
index 342a938f..179dfe87 100644
--- a/example/gesture/album.html
+++ b/example/gesture/album.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/gesture/map.html b/example/gesture/map.html
index dc98b0aa..0ab01641 100644
--- a/example/gesture/map.html
+++ b/example/gesture/map.html
@@ -2,7 +2,7 @@
-
+
diff --git a/example/helloworld/HelloWorld.dart b/example/helloworld/HelloWorld.dart
index fcccb023..c88d502b 100644
--- a/example/helloworld/HelloWorld.dart
+++ b/example/helloworld/HelloWorld.dart
@@ -1,6 +1,6 @@
//Sample Code: Hello World!
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
void main() {
final welcome = new TextView("Hello World!");
diff --git a/example/helloworld/index.html b/example/helloworld/index.html
index 5f8fd97a..051d7739 100644
--- a/example/helloworld/index.html
+++ b/example/helloworld/index.html
@@ -3,7 +3,7 @@
Hello World!
-
+
diff --git a/example/input/InputSamples.dart b/example/input/InputSamples.dart
index a34ea3f4..79809647 100644
--- a/example/input/InputSamples.dart
+++ b/example/input/InputSamples.dart
@@ -1,6 +1,6 @@
//Sample Code: Input Samples
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
void main() {
final View mainView = new View()..addToDocument();
diff --git a/example/input/index.html b/example/input/index.html
index 6230ea03..87685d78 100644
--- a/example/input/index.html
+++ b/example/input/index.html
@@ -3,7 +3,7 @@
Inputs
-
+
diff --git a/example/linear-layout/LinearLayoutDemo.dart b/example/linear-layout/LinearLayoutDemo.dart
index 353779a6..bd6a30a8 100644
--- a/example/linear-layout/LinearLayoutDemo.dart
+++ b/example/linear-layout/LinearLayoutDemo.dart
@@ -1,6 +1,6 @@
//Sample Code: Layout Demostration
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
void main() {
final mainView = new View()
diff --git a/example/linear-layout/index.html b/example/linear-layout/index.html
index 1a7a03c2..49a9baf5 100644
--- a/example/linear-layout/index.html
+++ b/example/linear-layout/index.html
@@ -3,7 +3,7 @@
Linear Layout Demo
-
+
diff --git a/example/scroll-view/GridViewDemo.dart b/example/scroll-view/GridViewDemo.dart
index aa7127a5..aa8c7be8 100644
--- a/example/scroll-view/GridViewDemo.dart
+++ b/example/scroll-view/GridViewDemo.dart
@@ -4,9 +4,9 @@ import 'dart:html';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
void main() {
final View mainView = new View()..addToDocument();
diff --git a/example/scroll-view/ListViewDemo.dart b/example/scroll-view/ListViewDemo.dart
index 896f465c..8ff8ac48 100644
--- a/example/scroll-view/ListViewDemo.dart
+++ b/example/scroll-view/ListViewDemo.dart
@@ -2,8 +2,8 @@
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
void main() {
ScrollView view;
diff --git a/example/scroll-view/ScrollViewDemo.dart b/example/scroll-view/ScrollViewDemo.dart
index fd5ac7d5..270a33df 100644
--- a/example/scroll-view/ScrollViewDemo.dart
+++ b/example/scroll-view/ScrollViewDemo.dart
@@ -1,7 +1,7 @@
//Sample Code: ScrollView
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
void main() {
final ScrollView view = new ScrollView();
diff --git a/example/scroll-view/StarChartDemo.dart b/example/scroll-view/StarChartDemo.dart
index c3503b87..71cbbe9e 100644
--- a/example/scroll-view/StarChartDemo.dart
+++ b/example/scroll-view/StarChartDemo.dart
@@ -3,8 +3,8 @@
import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
View _system(Offset pos, num maxsyssize, int rad, [String name]) {
View sys = new View();
diff --git a/example/scroll-view/grid.html b/example/scroll-view/grid.html
index 01d273fc..3fc38e45 100644
--- a/example/scroll-view/grid.html
+++ b/example/scroll-view/grid.html
@@ -3,7 +3,7 @@
Grid Demo
-
+
diff --git a/example/scroll-view/list.html b/example/scroll-view/list.html
index 61cba4d7..90e44781 100644
--- a/example/scroll-view/list.html
+++ b/example/scroll-view/list.html
@@ -3,7 +3,7 @@
List Demo
-
+
diff --git a/example/scroll-view/scroll-view.html b/example/scroll-view/scroll-view.html
index 0666d85d..f0dd696f 100644
--- a/example/scroll-view/scroll-view.html
+++ b/example/scroll-view/scroll-view.html
@@ -3,7 +3,7 @@
Scroll View Demo
-
+
diff --git a/example/scroll-view/star.html b/example/scroll-view/star.html
index 5f2f7749..2e607729 100644
--- a/example/scroll-view/star.html
+++ b/example/scroll-view/star.html
@@ -3,7 +3,7 @@
Stars
-
+
diff --git a/example/snake/SnakeCanvas.dart b/example/snake/SnakeCanvas.dart
index fee2f9b6..8d345a17 100644
--- a/example/snake/SnakeCanvas.dart
+++ b/example/snake/SnakeCanvas.dart
@@ -6,10 +6,10 @@ import 'dart:math';
import "package:rikulo_commons/util.dart";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/gesture.dart';
-import 'package:rikulo/effect.dart';
-import 'package:rikulo/event.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/gesture.dart';
+import 'package:rikulo_ui/effect.dart';
+import 'package:rikulo_ui/event.dart';
part 'SnakePoint.dart';
part 'SnakeEnvironment.dart';
diff --git a/example/snake/index.html b/example/snake/index.html
index ee01edee..1cf19d1a 100644
--- a/example/snake/index.html
+++ b/example/snake/index.html
@@ -4,7 +4,7 @@
Snake
-
+
diff --git a/example/viewport/Viewport.dart b/example/viewport/Viewport.dart
index 8141ff0a..516bacb6 100644
--- a/example/viewport/Viewport.dart
+++ b/example/viewport/Viewport.dart
@@ -5,8 +5,8 @@ library rikulo_example_viewport;
import "dart:html";
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
/**
* A view port that demostrates how to implement a view that the origin of
diff --git a/example/viewport/ViewportDemo.dart b/example/viewport/ViewportDemo.dart
index e7612467..d6e4b8ce 100644
--- a/example/viewport/ViewportDemo.dart
+++ b/example/viewport/ViewportDemo.dart
@@ -1,6 +1,6 @@
//Sample Code: Viewport
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
import 'Viewport.dart';
void createToolbar(Viewport parent) {
diff --git a/example/viewport/index.html b/example/viewport/index.html
index 4b0c7daa..c77e8ab5 100644
--- a/example/viewport/index.html
+++ b/example/viewport/index.html
@@ -3,7 +3,7 @@
Demo of Viewport
-
+
diff --git a/pubspec.yaml b/pubspec.yaml
index 4fd369c4..958d6d31 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -7,7 +7,8 @@ authors:
- Tom Yeh
- Simon Pai
- Henri Chen
-homepage: http://rikulo.org
+homepage: http://rikulo.org/projects/ui
dependencies:
rikulo_commons: any
browser: any
+ meta: any
diff --git a/test/TestAnimation.dart b/test/TestAnimation.dart
index 00df94df..29b07f50 100644
--- a/test/TestAnimation.dart
+++ b/test/TestAnimation.dart
@@ -3,10 +3,10 @@
import 'dart:html';
import 'dart:math';
-import 'package:rikulo/view.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/effect.dart';
View createCube(int size, String txt) {
View v = new View();
diff --git a/test/TestAnimation.html b/test/TestAnimation.html
index cb65a738..812701a5 100644
--- a/test/TestAnimation.html
+++ b/test/TestAnimation.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestAnimation2.dart b/test/TestAnimation2.dart
index a867bd2f..348e37bb 100644
--- a/test/TestAnimation2.dart
+++ b/test/TestAnimation2.dart
@@ -3,11 +3,11 @@
import 'dart:html';
import 'dart:math';
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/gesture.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/gesture.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/effect.dart';
import 'package:rikulo_commons/util.dart';
View createCube(int size, String txt) {
diff --git a/test/TestAnimation2.html b/test/TestAnimation2.html
index fba9d966..9616fb75 100644
--- a/test/TestAnimation2.html
+++ b/test/TestAnimation2.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestAnimation3.dart b/test/TestAnimation3.dart
index db2afb97..4b354306 100644
--- a/test/TestAnimation3.dart
+++ b/test/TestAnimation3.dart
@@ -3,11 +3,11 @@
import 'dart:html';
import 'dart:math';
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/event.dart';
-import 'package:rikulo/gesture.dart';
-import 'package:rikulo/effect.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/event.dart';
+import 'package:rikulo_ui/gesture.dart';
+import 'package:rikulo_ui/effect.dart';
import 'package:rikulo_commons/util.dart';
String createColor(num x) {
diff --git a/test/TestAnimation3.html b/test/TestAnimation3.html
index 1ea37e01..e7d5d633 100644
--- a/test/TestAnimation3.html
+++ b/test/TestAnimation3.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestBodyScrollbar.dart b/test/TestBodyScrollbar.dart
index 3607bf7e..ccf23289 100644
--- a/test/TestBodyScrollbar.dart
+++ b/test/TestBodyScrollbar.dart
@@ -1,7 +1,7 @@
//Sample Code: Test Log
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
void main() {
final View mainView = new View()..addToDocument();
diff --git a/test/TestBodyScrollbar.html b/test/TestBodyScrollbar.html
index 37663790..f2143325 100644
--- a/test/TestBodyScrollbar.html
+++ b/test/TestBodyScrollbar.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestCustomLayout1.dart b/test/TestCustomLayout1.dart
index ce1ce13c..c14e406c 100644
--- a/test/TestCustomLayout1.dart
+++ b/test/TestCustomLayout1.dart
@@ -1,7 +1,7 @@
//Sample Code: Custom Layout Test 1
import 'dart:html';
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
void main() {
final View mainView = new View()..addToDocument();
diff --git a/test/TestCustomLayout1.html b/test/TestCustomLayout1.html
index d7181270..79dc1a28 100644
--- a/test/TestCustomLayout1.html
+++ b/test/TestCustomLayout1.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestDialog.dart b/test/TestDialog.dart
index ab2b5003..7643ef48 100644
--- a/test/TestDialog.dart
+++ b/test/TestDialog.dart
@@ -1,6 +1,6 @@
//Test Code: TestDialog
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
import 'package:rikulo_commons/util.dart';
void main() {
diff --git a/test/TestDialog.html b/test/TestDialog.html
index e9b83654..3de453ed 100644
--- a/test/TestDialog.html
+++ b/test/TestDialog.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestDialog2.dart b/test/TestDialog2.dart
index 416eb373..6289b28d 100644
--- a/test/TestDialog2.dart
+++ b/test/TestDialog2.dart
@@ -1,6 +1,6 @@
//Test Code: TestDialog
-import 'package:rikulo/view.dart';
+import 'package:rikulo_ui/view.dart';
void main() {
Button btn = new Button("Open a dialog");
diff --git a/test/TestDialog2.html b/test/TestDialog2.html
index 429874f2..e98781cc 100644
--- a/test/TestDialog2.html
+++ b/test/TestDialog2.html
@@ -3,7 +3,7 @@
Test of Dialog 2
-
+
diff --git a/test/TestDomAgent.dart b/test/TestDomAgent.dart
index 326f90c9..3a9f2136 100644
--- a/test/TestDomAgent.dart
+++ b/test/TestDomAgent.dart
@@ -1,7 +1,7 @@
//Test Code: TestDomAgent
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
void _createText(View parent, String text, [String cssText="", Collection classes]) {
final View hlayout = new View();
diff --git a/test/TestDomAgent.html b/test/TestDomAgent.html
index 2b91b4a6..42054b99 100644
--- a/test/TestDomAgent.html
+++ b/test/TestDomAgent.html
@@ -2,7 +2,7 @@
-
+
diff --git a/test/TestDrag.dart b/test/TestDrag.dart
index e4505d4c..814bb816 100644
--- a/test/TestDrag.dart
+++ b/test/TestDrag.dart
@@ -1,8 +1,8 @@
//Sample Code: Test Log
-import 'package:rikulo/view.dart';
-import 'package:rikulo/html.dart';
-import 'package:rikulo/gesture.dart';
+import 'package:rikulo_ui/view.dart';
+import 'package:rikulo_ui/html.dart';
+import 'package:rikulo_ui/gesture.dart';
import 'package:rikulo_commons/util.dart';
Rectangle range;
diff --git a/test/TestDrag.html b/test/TestDrag.html
index 30d71046..512cd12c 100644
--- a/test/TestDrag.html
+++ b/test/TestDrag.html
@@ -2,7 +2,7 @@
-
+