Need help with Project-Tyson?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

198 Stars 40 Forks MIT License 42 Commits 4 Opened issues


A project about faking the UI of iOS 7 in HTML, CSS and Javascript

Services available


Need anything else?

Contributors list

# 431,151
15 commits
# 101,719
13 commits


A project about faking the UI of iOS 7 in HTML, CSS and Javascript. More info:

How to use this project

In your HTML, split your app into different views. Each view is made as follow:

{View Title}

Button Label

Additionnally, you can have a tabbar displayed at the bottom by adding a

Finally, views are linked together by the Slide() javascript function. Buttons in the header are automatically binded to this function but you can choose to bind it to other HTML elements. You just have to make sure they feature the following data- attributes: data-vin: the ID of the view to load (for instance data-vin="view-home") data-sd: to indicate the slide direction (sl, sr, popin, popout) Note that the Slide function can take an optionnal callback parameter to specify a callback function that will be called when the transition starts.

This repo uses the Elusive Iconfont github project

Tabbar's icons are from the Elusive icon pack. The Elusive Iconfont is an icons webfont, optimized for use with twitter's bootstrap.

For examples & usage see

Licence: SIL

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.