ui-patterns
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/menu.png)
Example project showing implementations of recommended Pebble UI design
patterns. Run the app, then choose a menu option to see one of:
Checkbox list
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/checkbox-list.png)
Radio Button list
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/radio-button.png)
Message dialog
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/dialog-message.gif)
Choice dialog
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/dialog-choice.png)
List hint message
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/list-message.png)
PIN entry
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/pin.png)
Text Animation
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/text-change-anim.gif)
Progress Bar
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/progress-bar.gif)
Progress Layer
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/progresslayer.gif)
Config Dialog Window
![](https://github.com/pebble-examples/ui-patterns/raw/master/screenshots/config-window.png)