--- title: "examples" canonical_url: https://developer.repebble.com/examples/ last_updated: 2026-02-19 sdk_version: 4.33.1 --- # examples Source: https://developer.repebble.com/examples/ There are no examples that match the filters on the right. ![](https://raw.githubusercontent.com/JavierRizzoA/Pebble-Mercury/master/img/screenshots/emery1.png) ## Mercury Watchface · Graphics · Community A stylish analog watchface with a background gradient that follows the minutes hand. Supports all Pebble platforms with platform-appropriate rendering. Created for Rebble Hackathon 002. [GitHub](https://github.com/JavierRizzoA/Pebble-Mercury/) ![](https://developer.repebble.com/assets/images/examples/halcyon.png) ## Halcyon Watchface · Color · Community An analog-digital watchface featuring a 24-hour solar day ring that highlights sunrise, sunset, and sun position. Includes 10 color presets, extensive color customization, and on-device sunrise/sunset calculation. Created for Rebble Hackathon 002. [GitHub](https://github.com/freakified/halcyon/) ![](https://developer.repebble.com/assets/images/examples/timestyle.png) ## TimeStyle Watchface · Configuration · Community One of the most popular Pebble watchfaces, with 200+ stars and 16 contributors. Features antialiased text, 20+ color presets, extensive complications (weather, steps, sleep, battery, world clock), and support for 30 languages. [GitHub](https://github.com/freakified/TimeStylePebble/) ![](https://developer.repebble.com/assets/images/examples/hellopoco-pdc-process.png) ## Poco PDC Process Alloy · Poco · Graphics Cycles through five PDC vector images, cloning each one and changing its stroke and fill colors with the draw command list `process()` method before drawing it with Poco. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/hellopoco-pdc-process/) ![](https://developer.repebble.com/assets/images/examples/yoyogi.png) ## Yoyogi Alloy · Watchface · Piu Analog watchface built with the Piu UI framework. Draws the hands and their shadows from PDC vector images over a bitmap dial, and handles display size changes. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/piu/watchfaces/yoyogi/) ![](https://developer.repebble.com/assets/images/examples/hellopiu-balls.gif) ## Piu Balls Alloy · Piu · Animation The classic Moddable SDK bouncing balls example, ported to Pebble. A fun demonstration of the Piu UI framework's animation capabilities with 1-bit ball graphics. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/hellopiu-balls/) ![](https://developer.repebble.com/assets/images/examples/cupertino.png) ## Cupertino Alloy · Watchface · Piu The classic macOS watch cursor as a watchface. Built with the Piu UI framework, demonstrating SVG-based clock hands and bitmap backgrounds. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/piu/watchfaces/cupertino/) ![](https://developer.repebble.com/assets/images/examples/redmond.png) ## Redmond Alloy · Watchface · Piu The original Windows clock, now on your wrist. Demonstrates using different graphical assets for color and black-and-white watches within the same Piu application. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/piu/watchfaces/redmond/) ![](https://developer.repebble.com/assets/images/examples/zurich.png) ## Zurich Alloy · Watchface · Piu The iconic Swiss railway station clock, now on your wrist. Built with the Piu UI framework using bitmaps and PDC (SVG) vector images for the rotating clock hands. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/piu/watchfaces/zurich/) ![](https://developer.repebble.com/assets/images/examples/poco-qrcode.png) ## Poco QR Code Alloy · Poco · Graphics Dynamically generates and displays a QR code using the Poco lightweight graphics renderer. Shows how to use Poco for pixel-precise rendering on Pebble. [GitHub](https://github.com/Moddable-OpenSource/pebble-examples/tree/main/hellopoco-qrcode/) ![](https://github.com/pebble-hacks/pandas-and-bananas/raw/master/screenshots/screenshot.png) ## Pandas and Bananas Game · Graphics · Animation · Color Color game where the player controls a panda via accelerometer tilting or buttons to catch fruit and avoid bombs. A fun showcase of accelerometer input and sprite animation. [GitHub](https://github.com/pebble-hacks/pandas-and-bananas/) ![](https://github.com/pebble-hacks/block-world/raw/master/screenshots/screenshot.png) ## Block World Game · Graphics · Animation · Color A Minecraft-inspired block-builder game using isometric 3D rendering. Place blocks in a 16x16x14 grid using the PGE game engine and isometric rendering libraries. [GitHub](https://github.com/pebble-hacks/block-world/) ![](https://raw.githubusercontent.com/pebble-examples/simple-analog/master/simple-analog-screenshot.png) ## Simple Analog Watchface · Analog A clean analog watchface using drawn clock hands. A great starting point for building your own analog watchface. [GitHub](https://github.com/pebble-examples/simple-analog/) ![](https://raw.githubusercontent.com/pebble-examples/ks-clock-face/master/screenshots/screenshot-color.png) ## KS Clock Face Watchface · Animation · Color The animated color watchface from the Pebble Time Kickstarter video. Expands from a dot, sweeping the clock arms outward. Auto-detects color capability for black-and-white or color rendering. [GitHub](https://github.com/pebble-examples/ks-clock-face/) ![](https://raw.githubusercontent.com/pebble-examples/ui-patterns/master/screenshots/dialog-choice.png) ## UI Patterns Design · UI Reference implementations of recommended Pebble UI design patterns, including checkbox lists, radio buttons, dialogs, PIN entry, progress bars, and text animations. [GitHub](https://github.com/pebble-examples/ui-patterns/) ![](https://raw.githubusercontent.com/pebble-examples/cards-example/master/screenshots/screenshot1.gif) ## Weather Cards Example Graphics · Color · Animation Demonstrates the Pebble Draw Commands API with a cards-based weather app. Shows how to draw and animate vector graphics, including SVG to PDC conversion. [GitHub](https://github.com/pebble-examples/cards-example/) ![](https://developer.repebble.com/assets/images/tutorials/alloy-watchface-tutorial/part6~emery.png) ## Alloy Watchface Tutorial Tutorial · Watchface The finished code for each part of the Alloy watchface tutorial, written in JavaScript: time and date, custom fonts, battery and connection indicators, weather with fetch(), Timeline Peek and user settings. [GitHub](https://github.com/coredevices/alloy-watchface-tutorial/) ![](https://developer.repebble.com/assets/images/tutorials/watchface-tutorial/part6~emery.png) ## C Watchface Tutorial Tutorial · Watchface The finished code for each part of the C watchface tutorial: time and date, custom fonts, battery and Bluetooth indicators, weather from PebbleKit JS, Timeline Peek and a Clay settings page. [GitHub](https://github.com/coredevices/c-watchface-tutorial/) ![](https://developer.repebble.com/assets/images/examples/compass.png) ## Pebble Compass Sensors · Animation · Color Full-featured compass app with smooth transitions between rose and band views, heading inertia physics, and a calibration dialog. An excellent reference for the compass and accelerometer APIs. [GitHub](https://github.com/pebble-hacks/pebble-compass/) ![](https://raw.githubusercontent.com/pebble-examples/classio-battery-connection/master/classio-battery-connection-screenshot.png) ## Classio Battery Connection Watchface · Battery Service · Bluetooth Service Digital watchface showing time with seconds, battery level indicator, and Bluetooth connection status. A useful reference for the Battery and Bluetooth service APIs. [GitHub](https://github.com/pebble-examples/classio-battery-connection/) ![](https://github.com/pebble-hacks/isotime/raw/master/screenshots/screenshot.png) ## Isotime Watchface · Graphics · Animation · Color Striking isometric 3D watchface that displays time digits built from individual block segments. Features staggered animation of segments that change each minute, sleeping completely between animations. [GitHub](https://github.com/pebble-hacks/isotime/) ![](https://raw.githubusercontent.com/pebble-examples/time-dots/master/screenshot.png) ## Time Dots Watchface · Color Watchface for Pebble Time Round showing hours and minutes as a bar and dots. Designed specifically for the round display. [GitHub](https://github.com/pebble-examples/time-dots/) ![](https://raw.githubusercontent.com/pebble-examples/pebble-faces/11305757db5fa9ce5e448aa0ba4e7beb8a38b020/screenshots/screenshot.png) ## Pebble Faces Images · PebbleKit Downloads, decompresses, and displays PNG images from the Internet using PebbleKit JS for networking. A great example of image handling and phone communication. [GitHub](https://github.com/pebble-examples/pebble-faces/) ![](https://raw.githubusercontent.com/pebble-examples/concentricity/master/screenshots/concentricity~chalk.png) ## Concentricity Watchface · Graphics · Color Watchface showing hours, minutes, and seconds as concentric rings around the center of the display. Supports aplite, basalt, and chalk with platform-appropriate rendering. [GitHub](https://github.com/pebble-examples/concentricity/)