buttoncraft - creating a practical app to craft that perfect button style.

Animation Button Switch

buttoncraft – creating a practical app to craft that perfect button style.

July 1, 2025

Experimenting with SwiftUI whilst creating a practical app to craft that perfect button style.

✈️ Testflight

https://testflight.apple.com/join/pZDhygQt

Last TestFlight bump: 13th November 2024

👨🏻‍💻 Code outputted from app


                                              
                                                struct MyButtonStyle: ButtonStyle {

func makeBody(configuration: Self.Configuration) -> some View {

configuration.label

.background(Capsule()

.foregroundColor(configuration.isPressed ? Color.primary.opacity(0.75) : Color.primary))

.scaleEffect(configuration.isPressed ? CGFloat(0.85) : 1.0)

.rotationEffect(.degrees(configuration.isPressed ? 0.0 : 0))

.blur(radius: configuration.isPressed ? CGFloat(0.0) : 0)

.animation(Animation.spring(response: 0.35, dampingFraction: 0.35, blendDuration: 1), value: configuration.isPressed)

}

}
extension Button {

func myButtonStyle() -> some View {

self.buttonStyle(MyButtonStyle())

}

}
// to use

Button { } label: {

Text(“just like that”)

.font(Font.body.bold())

.padding()

.foregroundColor(Color.primary)

.colorInvert()

}

.myButtonStyle()
Button { } label: {

Image(systemName: “face.smiling”)

.font(Font.body.bold())

.imageScale(.large)

.padding()

.foregroundColor(Color.primary)

.colorInvert()

}

.myButtonStyle()

🧐 Features

🔀 Randomise different settings for inspiration
Reset to my default style
Using the new iOS ColorPicker
Copy your perfect masterpiece as a code snippet to your clipboard

👨🏻‍⚖️ Disclaimer

This is posted as a way to share SwiftUI learnings (and is not production level code). Use it at your own risk.

GitHub

View Github

#ios #swiftui

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 ...