Shapes - SwiftGit

SwiftUI

Shapes

August 7, 2025

Commonly used shapes for SwiftUI, some I found on the web swiftui-lab and objc.io, others I made myself. I hope to create community based repo for cool animated shapes, paths, etc. If you would like to submit some of your own shapes just make a pull request and I will try to approve it ASAP. If you want to try out this package just clone the example project

Or create your own shapes using the bez editor app available for free on iOS 13.4 and greater.

AnyShape: A type erased Shape
Lines
- Line
- HorizontalLine
- VerticalLine
- AdaptiveLine
Triangles
- Triangle
- OpenTriangle
- RightTriangle
Graphing
- CartesianGrid
- TickMarks
- PolarGrid
- RadialTickMarks
  - Misc
    - InfinitySymbol
    - Arrow
    - Polygon
    - Pentagon
    - PathText
    - FoldableShape
  Lines
  
  Line
  
  Found at drawing trees. A Line defined by the from and to points.
  
  Horizontal
  
  A horizontal line that is the width of its container has a single parameter offset: A value between 0 and 1 defining the lines vertical offset in its container (Default: 0.5)

Vertical

A Vertical line that is the height of its container has a single parameter offset: A value between 0 and 1 defining the line’s horizontal offset in its container (Default: 0.5)

Adaptive

This shape creates a line centered inside of and constrained by its bounding box. The end points of the line are the points of intersection of an infinitely long angled line and the container rectangle

Triangles

The various triangles are shown below.

Graphing

Cartesian Grid

A Rectangular grid of vertical and horizontal lines. Has two parameters xCount: The number of vertical lines yCount: The number of horizontal lines

Polar Grid

A grid made up of concentric circles and angled lines running through their center. rCount: The number of Circles thetaCount: The number of lines

TickMarks

Tick marks spaced out evenly with varying lengths dependent on the type of tick minor, semi, or major.

The shape has two parameters spacing: CGFloat and ticks: Int. The spacing is the distance between ticks while the ticks is the number of tick marks.

An examples using TickMarks are shown below

Misc

Arrow

An arrow that starts out small shaped like this |–| but as it grows larger it looks like this <—->

Pentagon

Foldable Shapes

Contributing

If you have an idea for a shape but don’t know how to describe it, try out the PathEditor tool that comes packaged with bez

GitHub

View Github

YOU MIGHT ALSO LIKE...

August 12, 2025
SwiftUI

SwiftSpeech

Recognize your user's voice elegantly without having to figure out authorization and audio engines. SwiftSpeech Examples Features Installation Getting Started ...

August 12, 2025
SwiftUI

SwiftUIValueSlider

Example To run the example project, clone the repo, and run pod install from the Example directory first. Requirements iOS 14.0 Installation ...

August 11, 2025
SwiftUI

Sliders

Sliders is a compilation of all my stylable drag based SwiftUI components. It provides a variety of unique controls as well ...

August 11, 2025
SwiftUI

SlidingRuler

SlidingRuler is a Swift package containing a SwiftUI control that acts like an linear infinite slider or a finite, more precise ...

August 11, 2025
SwiftUI

Skeletonui

SkeletonUI aims to bring an elegant, declarative syntax to skeleton loading animations. Get rid of loading screens or spinners and ...

Lines

Line

Horizontal