Terrarium - UI Prototyping Tool for Coders

Terrarium is a cross platform QML Playground: the view renders lively as you type in the editor, makes prototyping and experimenting with QtQuick a lot more fun!

It monitors changes in its TextEdit, and triggers the view to reload source from the local http server. If you're looking for a file system watcher implementation, please refer to QML LiveReload.

More details on http://www.terrariumapp.com

Download

Build Instructions

git clone https://github.com/penk/terrarium-app.git
cd terrarium-app && git submodule init && git submodule update
qmake && make

Platform Specific Instructions

For Arch-Linux

Just go to AUR: yaourt -S terrarium-git

For Mac OSX/iOS

To add icons to iOS build, first generate and open Terrarium.xcodeproj, switch AppIcon to use Assets Catalog, then replace Terrarium/Images.xcassets/ directory with platform/ios/Images.xcassets.

As for Mac OSX, refer to macdeployqt command in terrarium-app.pro file.

For Ubuntu Desktop/Phone

If you're using Qt packages from apt archive instead of qt-project.org releases, here's the dependencies:

sudo apt-get install qt5-qmake qt5-default qtbase5-dev qtdeclarative5-dev build-essential

All debian/ package information can be found under platform/ubuntu/ directory, copy it to current path and build the package by:

cp -r platform/ubuntu/debian .
cp platform/ubuntu/terrarium.desktop .
dpkg-buildpackage -b

If you're building click package, execute following command on device (for native compile):

cp platform/ubuntu/* .
click build .

And install it

pkcon --allow-untrusted install-local com.ubuntu.developer.penk.terrarium_1.5_armhf.click

For Android

First generate your keystore by keytool

keytool -genkey -v -keystore ../TerrariumApp.keystore -alias TerrariumApp -keyalg RSA -keysize 2048 -validity 10000

then

~/Qt5.4.1/5.4/android_armv7/bin/qmake
make
make install INSTALL_ROOT=../android-terrarium

Build and sign apk by:

~/Qt5.4.1/5.4/android_armv7/bin/androiddeployqt --input \
    android-libTerrarium.so-deployment-settings.json \
    --output ../android-terrarium --release --sign ../TerrariumApp.keystore TerrariumApp

Screenshots

LICENSE

CREDITS

DocumentHandler by Benoît HERVIER
QMLHighligher by Alan Alpert
QHttpServer by Robert Schroll
Font Awesome by Dave Gandy

penk/terrarium-app

penk

Reviews

Repository Details