---
title: SwiftUI templates
framework: clockkit
role: collectionGroup
role_heading: API Collection
path: clockkit/swiftui-templates
---

# SwiftUI templates

Design complication templates using SwiftUI views.

## Overview

Overview ClockKit provides SwiftUI versions of the other graphic templates. These templates use a 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 CLKComplicationTemplateGraphicRectangularFullView 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](clockkit/clkcomplicationtemplategraphiccornercircularview.md)
- [CLKComplicationTemplateGraphicCornerGaugeView](clockkit/clkcomplicationtemplategraphiccornergaugeview.md)
- [CLKComplicationTemplateGraphicCornerTextView](clockkit/clkcomplicationtemplategraphiccornertextview.md)

### Circular templates

- [CLKComplicationTemplateGraphicCircularView](clockkit/clkcomplicationtemplategraphiccircularview.md)
- [CLKComplicationTemplateGraphicCircularOpenGaugeView](clockkit/clkcomplicationtemplategraphiccircularopengaugeview.md)
- [CLKComplicationTemplateGraphicCircularClosedGaugeView](clockkit/clkcomplicationtemplategraphiccircularclosedgaugeview.md)
- [CLKComplicationTemplateGraphicCircularStackViewText](clockkit/clkcomplicationtemplategraphiccircularstackviewtext.md)

### Rectangular templates

- [CLKComplicationTemplateGraphicRectangularStandardBodyView](clockkit/clkcomplicationtemplategraphicrectangularstandardbodyview.md)
- [CLKComplicationTemplateGraphicRectangularTextGaugeView](clockkit/clkcomplicationtemplategraphicrectangulartextgaugeview.md)
- [CLKComplicationTemplateGraphicRectangularLargeView](clockkit/clkcomplicationtemplategraphicrectangularlargeview.md)
- [CLKComplicationTemplateGraphicRectangularFullView](clockkit/clkcomplicationtemplategraphicrectangularfullview.md)

### Extra large templates

- [CLKComplicationTemplateGraphicExtraLargeCircularView](clockkit/clkcomplicationtemplategraphicextralargecircularview.md)
- [CLKComplicationTemplateGraphicExtraLargeCircularOpenGaugeView](clockkit/clkcomplicationtemplategraphicextralargecircularopengaugeview.md)
- [CLKComplicationTemplateGraphicExtraLargeCircularClosedGaugeView](clockkit/clkcomplicationtemplategraphicextralargecircularclosedgaugeview.md)
- [CLKComplicationTemplateGraphicExtraLargeCircularStackViewText](clockkit/clkcomplicationtemplategraphicextralargecircularstackviewtext.md)

## See Also

### Templates

- [ComplicationRenderingMode](clockkit/complicationrenderingmode.md)
- [Data providers](clockkit/data-providers.md)
- [Circular small](clockkit/circular-small.md)
- [Extra large](clockkit/extra-large.md)
- [Modular small](clockkit/modular-small.md)
- [Modular large](clockkit/modular-large.md)
- [Utilitarian](clockkit/utilitarian.md)
- [Graphic](clockkit/graphic.md)
- [CLKComplicationTemplate](clockkit/clkcomplicationtemplate.md)
- [CLKComplicationFamily](clockkit/clkcomplicationfamily.md)
- [CLKComplicationSupportedFamilies](bundleresources/information-property-list/clkcomplicationsupportedfamilies.md)