App Framework

Starting app

What

Welcome to the kitchen sink demo for App Framework UI. Here you will find samples of how to use the App Framework UI. Please select an option from below.


Card One

Card Two

Meeting

This is card content

App Framework UI

App Framework UI is the User Interface/User Experience library for mobile applications. It uses HTML5 and CSS3 for animations and transitions. We built the kitchen sink using App Framework UI. It is comprised of components from the Plugins library and additional features.
* Fixed navigation bar
* Auto scrolling content panels
* Optional footer to segment your application

Vector Icons

App Framework UI provides Vector icons to use throughout your app. Simply add the icon class, along with the image class name and additional sizes you want.
.mini - .7em high
.big - 1.5em hight
The default is 1em.

You can specify the following types of grids

  • col2 - 50% (2x2)
  • col3 - 33.3% (3x3)
  • col1-3 - 33.3% (33.3% for 3 column)
  • col2-3 - 66% (66.6% for 3 column)
On phones, the grid system will always default to a single row. On tablets, it will display inline.

2 column

This is the left column
This is the right column

3 column


This is the left column
This is the middle column
This is the right column

1-3/2-3 column


This is the left column
This is the right column

2-3/1-3 column


This is the left column
This is the right column

App Framework UI

af.ui transitions the following are transitions built in. You can easily add/extend with your own. Set the data-transition attribute on an anchor to change the transition.



App Framework Slide Transition
App Framework Slide Up Transition
App Framework Slide Down Transition
App Framework Pop Transition
App Framework Flip Transition
App Framework Fade Transition


Login


Cancel Login