# Template - Phoenix UI

DevFeed: [Template - Phoenix UI](<https://devfeed.tech/articles/template-phoenix-ui-19547.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/template-phoenix-ui/>)

Author: Shai Almog

Published: 2016-10-31T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [phoenix](<https://devfeed.tech/topics/phoenix.md>), [Template](<https://devfeed.tech/topics/template.md>), [ui](<https://devfeed.tech/topics/ui.md>), [GUI](<https://devfeed.tech/topics/gui.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Android](<https://devfeed.tech/topics/android.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [gui](<https://devfeed.tech/tags/gui.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [phoenix](<https://devfeed.tech/tags/phoenix.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This article describes adapting Adrian Chiran's Phoenix UI kit into a cross-platform demo. It discusses portability issues between devices and the JavaScript port, use of the GUI builder, and challenges adapting the rounded walk-through interface across screen densities and orientations.

## Source excerpt

The Phoenix UI kit by Adrian Chiran is one of the best looking and most challenging template UI's I had to adapt in recent history. The breadth of the design is pretty challenging but it also has some elements that are really hard to adapt across platforms in a portable way. In fact, some elements only work on devices and don't even work properly for the JavaScript port e.g. the floating action button gradient color and the round look of the walkthru UI.