Twitter: @cypher_poet

An animatable SwiftUI Shape for drawing a rectangle with curved sine wave along the bottom.

Demo Recording


Xcode Projects

Select File -> Swift Packages -> Add Package Dependency and enter https://github.com/CypherPoet/SwiftUIWavyRectangleShape.

Swift Package Manager Projects

You can add SwiftUIWavyRectangleShape as a package dependency in your Package.swift file:

let package = Package(
    dependencies: [
          url: "https://github.com/CypherPoet/SwiftUIWavyRectangleShape",
          .upToNextMinor(from: "0.1.0")

From there, refer to SwiftUIWavyRectangleShape as a "target dependency" in any of your package's targets that need it.

targets: [
        name: "YourLibrary",
        dependencies: [

Then simply import SwiftUIWavyRectangleShape wherever you’d like to use it.


Importing SwiftUIWavyRectangleShape will expose the WavyRectangle type.

      phase: .radians(.pi / 6.0),
      amplitudeRatio: 0.3,
      frequency: 30

WavyRectangle documentation can be found here, and this project's example app contains a demonstration of more ways to use it.


Contributions to SwiftUIWavyRectangleShape are most welcome. Check out some of the issue templates for more info.

💻 Developing


  • Xcode 12.5+ (Recommended)

📜 Generating Documentation

Documentation is generated by Jazzy. Installation instructions can be found here, and as soon as you have it set up, docs can be generated simply by running jazzy from the command line.

📝 Note that this will only generate the docs folder for you to view locally. This folder is being ignored by git, as an action exists to automatically generate docs at the root level and serve them on the project's gh-pages branch.

🏷 License

SwiftUIWavyRectangleShape is available under the MIT license. See the LICENSE file for more info.


  • Swift Tools 5.4.0
View More Packages from this Author


Last updated: Mon Mar 18 2024 18:37:04 GMT-0900 (Hawaii-Aleutian Daylight Time)