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 28, 2025
SwiftUI

MijickPopups Hero

Popups Alerts Resizable Sheets Banners

August 27, 2025
SwiftUI

SwiftUI Tooltip

This package provides you with an easy way to show tooltips over any SwiftUI view, since Apple does not provide ...

August 27, 2025
SwiftUI
Uncategorized

SimpleToast for SwiftUI

SimpleToast is a simple, lightweight, flexible and easy to use library to show toasts / popup notifications inside iOS or ...

August 27, 2025
SwiftUI

SSToastMessage

Create Toast Views with Minimal Effort in SwiftUI Using SSToastMessage. SSToastMessage enables you to effortlessly add toast notifications, alerts, and ...

August 27, 2025
SwiftUI

ToastUI

A simple way to show toast in SwiftUI Getting Started • Documentation • Change Log