Support for the legacy Fitbit Web API ends on September 30, 2026
Important: Support for the legacy Fitbit Web API ends on September 30, 2026. After this date the API will continue to operate, but Google will no longer fix bugs or provide API support. On October 30, 2026, the Fitbit Web API will be turned off and will no longer function or sync data to or from Fitbit users. To continue accessing data for your users after this date, migrate to the Google Health API.
User Interface Guide
chevron down
back search icon cancel search
 
 

User Interface Guide

Here are the basic building blocks of a Fitbit app and how they fit together.

The Fitbit SDK features a powerful rendering engine so you can quickly create beautiful user interfaces, and interact with them programmatically. Three core technologies — SVG, CSS and JavaScript — provide structure, presentation and behavior to the user interface of a Fitbit application. This approach will be familiar to anyone with web development experience using HTML, CSS and JavaScript.The following guides cover each technology in detail:

SVG Guide

Learn how the user interface in a Fitbit app is described in SVG `.view` files

JavaScript Guide

Learn how the app logic written in JavaScript (.js) files can interact with the user interface

SVG Components Guide

Learn how predefined components simplify the development process and enable rich user interfaces

CSS Guide

Control the appearance of elements in the user interface with stylesheets written in CSS

Animations Guide

Learn how to use the Fitbit rendering engine to animate user interface elements

We recommend reviewing the Application Architecture Guide to familiarize yourself with some of the key concepts related to Fitbit applications.

previous
Settings Guide