<!--
{
  "documentType" : "article",
  "framework" : "ClockKit",
  "identifier" : "/documentation/ClockKit/circular-complication-templates",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "Circular complication templates"
}
-->

# Circular complication templates

Display graphical data in a compact circle.

## Discussion

The graphic circular templates display a compact version of the app’s data.

![An illustration of seven graphic circular templates, including icons, text, and numbers positioned inside open and closed gauges.](images/com.apple.clockkit/media-3744073@2x.png)

The tinted versions of the templates are shown below:

![An illustration that shows tinted versions of the seven graphic circular templates, including icons, text, and numbers positioned inside open and closed gauges. ](images/com.apple.clockkit/media-3744087@2x.png)

## Topics

### Text and images

[`CLKComplicationTemplateGraphicCircularImage`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularImage)

A template for displaying a full-color circular image.

[`CLKComplicationTemplateGraphicCircularView`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularView)

A template for displaying a circular view.

[`CLKComplicationTemplateGraphicCircularStackImage`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularStackImage)

A template for displaying a full-color circular image and text.

[`CLKComplicationTemplateGraphicCircularStackViewText`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularStackViewText)

A template for displaying a SwiftUI view and text.

[`CLKComplicationTemplateGraphicCircularStackText`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularStackText)

A template for displaying two rows of text.

### Open and closed gauges

[`CLKComplicationTemplateGraphicCircularOpenGaugeImage`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeImage)

A template for displaying a full-color circular image, an open gauge, and text.

[`CLKComplicationTemplateGraphicCircularOpenGaugeView`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeView)

A template for displaying a SwiftUI view, an open gauge, and text.

[`CLKComplicationTemplateGraphicCircularOpenGaugeSimpleText`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeSimpleText)

A template for displaying text inside an open gauge, with a single piece of text for the gauge.

[`CLKComplicationTemplateGraphicCircularOpenGaugeRangeText`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularOpenGaugeRangeText)

A template for displaying text inside an open gauge, with leading and trailing text for the gauge.

[`CLKComplicationTemplateGraphicCircularClosedGaugeImage`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularClosedGaugeImage)

A template for displaying a full-color circular image and a closed circular gauge.

[`CLKComplicationTemplateGraphicCircularClosedGaugeView`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularClosedGaugeView)

A template for displaying a SwiftUI view inside a closed circular gauge.

[`CLKComplicationTemplateGraphicCircularClosedGaugeText`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularClosedGaugeText)

A template for displaying text inside a closed circular gauge.

### Abstract superclass

[`CLKComplicationTemplateGraphicCircular`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircular)

An abstract superclass for all the circular graphic templates.



---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)