pebble/devsite/source/sdk/index.html

---
# 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>