--- # Copyright 2025 Google LLC # # Licensed under the Apache License, Version 2.0 (the "License"); # you may not use this file except in compliance with the License. # You may obtain a copy of the License at # # http://www.apache.org/licenses/LICENSE-2.0 # # Unless required by applicable law or agreed to in writing, software # distributed under the License is distributed on an "AS IS" BASIS, # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. # See the License for the specific language governing permissions and # limitations under the License. layout: default title: SDK scripts: - sdk/index menu_section: sdk --- <div class="row no-gutter full-height--m full-height--l"> <div class="col-m-7 full-height"> <div class="bigbox bigbox--lightblue bigbox--half"> <div class="row full-height"> <div class="col-s-4 col-l-5 full-height"> <div class="vcenter--wrapper"> <div class="vcenter"> <img src="{{ site.asset_path }}/images/sdk/cloud.svg" style="width: 50%;"> <h3>CloudPebble</h3> </div> </div> </div> <div class="col-s-8 col-l-7 full-height"> <div class="vcenter--wrapper"> <div class="vcenter"> <p>CloudPebble is our online IDE that lets you develop Pebble apps without any downloads, setup or installation.</p> <p>You can access your projects from anywhere, and it keeps your code synced with GitHub automatically.</p> <a href="{{ site.links.cloudpebble }}" target="_blank" class="btn btn--fg-lightblue btn--bg-white">Launch CloudPebble</a> </div> </div> </div> </div> </div> <div class="bigbox bigbox--lightgray bigbox--half bigbox--has-banner"> <div class="row full-height"> <div class="col-s-4 col-l-5 full-height"> <div class="vcenter--wrapper"> <div class="vcenter"> <img src="{{ site.asset_path }}/images/sdk/sdk-box.svg" style="width: 40%;"> <h3>Pebble SDK</h3> <p> Current SDK Version: {{ site.data.sdk.c.version }}<br> Current Tool Version: {{ site.data.sdk.pebble_tool.version }} </p> <p><a href="/sdk/changelogs/{{ site.data.sdk.c.version }}/">Release Notes</a></p> </div> </div> </div> <div class="col-s-8 col-l-7 full-height"> <div class="vcenter--wrapper"> <div class="vcenter"> <p class="instructions-windows" style="display: none">Installing the Pebble SDK directly on Windows is not supported at this time. We recommend you use CloudPebble or run a Linux virtual machine.</p> <p class="instructions-linux" style="display: none"> Download the SDK using one of the options below, then follow the installation instructions. </p> <div class="instructions-mac" style="display: none"> <h4>Install with <a href="http://brew.sh" target="_blank">Homebrew</a></h4> {% include sdk/homebrew.html %} <p style="font-size: 1.1em; text-transform: uppercase; color: #aaa; text-align: center; margin: 1.5em 0 0;">Having Problems?</p> <p style="margin: 0; font-size: 1.0em;"><a href="/sdk/install/mac/">Manual Install</a></p> </div> <div class="instructions-linux instructions-windows instructions-other" style="display: none"> <p><a href="/sdk/install/" class="js-sdk-link">SDK Installation Instructions</a></p> <a href="/sdk/download/" class="btn btn--fg-white btn--bg-lightblue">Download the SDK</a> </div> </div> </div> </div> </div> </div> </div> <div class="col-m-5 full-height"> <div class="bigbox bigbox--gray bigbox--half"> <div class="vcenter--wrapper"> <div class="vcenter"> <h3>Mobile App SDKs</h3> <p>If you're looking to write an iOS or Android app that works with Pebble, you should check out our native PebbleKit libraries, both of which are available on GitHub.</p> <p> <a href="{{ site.links.pebblekit_android }}" target="_blank" class="btn btn--fg-lightblue btn--bg-white">Android</a> <a href="{{ site.links.pebblekit_ios }}" target="_blank" class="btn btn--fg-blue btn--bg-white">iOS</a> </p> <p> PebbleKit Android Version: {{ site.data.sdk.pebblekit-android.version }}<br> PebbleKit iOS Version: {{ site.data.sdk.pebblekit-ios.version }} </p> </div> </div> </div> <div class="bigbox bigbox--gray bigbox--half" style="min-height: 200px; background-image: url('{{ site.asset_path }}/images/sdk/pebblekit.svg'); background-repeat: no-repeat; background-position: center bottom; background-size: auto 90%"> </div> </div> </div>