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

# SwiftUI templates

Design complication templates using SwiftUI views.

## Discussion

ClockKit provides SwiftUI versions of the other graphic templates. These templates use a <doc://com.apple.documentation/documentation/SwiftUI/View> instance to draw some or all of the complication’s content. However, the following templates are particularly useful when drawing the complication with SwiftUI:

- [`CLKComplicationTemplateGraphicCircularView`](/documentation/ClockKit/CLKComplicationTemplateGraphicCircularView)
- [`CLKComplicationTemplateGraphicRectangularFullView`](/documentation/ClockKit/CLKComplicationTemplateGraphicRectangularFullView)
- [`CLKComplicationTemplateGraphicExtraLargeCircularView`](/documentation/ClockKit/CLKComplicationTemplateGraphicExtraLargeCircularView)

These templates use a single SwiftUI view to fill the entire complication, providing a blank canvas that you can use to draw the entire complication.

## Topics

### Corner templates

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

A template for displaying a SwiftUI view in the clock face’s corner.

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

A template for displaying a SwiftUI view and a gauge in the clock face’s corner.

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

A template for displaying a SwiftUI view and text in the clock face’s corner.

### Circular templates

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

A template for displaying a circular view.

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

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

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

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

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

A template for displaying a SwiftUI view and text.

### Rectangular templates

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

A template for displaying a SwiftUI label and up to three rows of text.

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

A template for displaying a header row with a SwiftUI view and text, a second row of text, and a gauge.

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

A template for displaying a large rectangle containing header text and a SwiftUI view.

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

A template for displaying a SwiftUI view that fills the entire template.

### Extra large templates

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

A template for displaying a circular SwiftUI view.

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

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

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

A template for displaying an extra-large SwiftUI view inside a closed circular gauge.

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

A template for displaying a SwiftUI view and text.


---

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)