This is a glassmorphism UI package.
To add GlassmophismUI to your project:
- Open your project in Xcode
- Go to
File > Swift Packages > Add Package Dependency... - Search for
GlassmophismUIorhttps://github.com/nekoribocchi/GlassmorphismUI.gitand follow Xcode's installation dialogs. - Import
GlassmorphismUIwhereever you want to use it
| iPhone 16 Plus | iPad Pro 13-inch |
|---|---|
 |
 |
RoundedTopBar(){
Text("Insert any custom View content here")
.foregroundColor(.white)
}You can customize the color, gradient, height, and more:
| iPhone 16 Plus | iPad Pro 13-inch |
|---|---|
 |
 |
RoundedTopBar(startColor: .blue,
endColor: .green,
heightRatio:0.3,
isGradient:true){
Text("Insert any custom View content here")
.foregroundColor(.white)
}| iPhone 16 Plus | iPad Pro 13-inch |
|---|---|
 |
 |
ZStack {
GradientBackground(startColor: .g_Orange, endColor: .g_Purple)
RoundedBottomBar{
Text("Insert any custom View content here")
.foregroundColor(.white)
}
}You can customize the color, gradient, height, and more:
| iPhone 16 Plus | iPad Pro 13-inch |
|---|---|
 |
 |
RoundedBottomBar(startColor:.blue,
endColor: .green,
opacity: 0.8,
heightRatio: 0.3,
text: nil,
isGradient: true){
Text("Insert any custom View content here")
.foregroundColor(.white)
}| iPhone 16 Plus | iPad Pro 13-inch |
|---|---|
 |
 |
CapsuleButton(
// Text displayed on the button
title: "Button",
// Ratio of the button's height to the screen height (10% of screen height)
heightRatio: 0.1,
// Background color of the button
backgroundColor: .r_Purple,
// Text color
textColor: .white,
// Font name used for the button title
//Please look at 'How to use custom font' below
font: "PottaOne-Regular",
// Furigana (small text above the main title, useful for Japanese reading aid)
furigana: "button",
// System icon name (e.g., SF Symbols)
iconName: "xmark",
// Color of the icon
iconColor: .white,
// Action to perform when the button is tapped
action: {
print("Button Tapped!")
}
)- How to use custom font
if you want to user custom font, please follow the steps below.
- download font from a font distribustion website. (ex. https://fonts.google.com/)
- Add the font to your Xcode project
Drag and drop the font file (e.g., .ttf or .otf) into your Xcode project. - Update Info.plist
Open Info.plist and add a new key called Fonts provided by application (or UIAppFonts). Then add the file name of the font, including the extension (e.g., CustomFont.ttf).
| iPhone 16 Plus | iPad Pro 13-inch |
|---|---|
 |
 |
ZStack {
GradientBackground(startColor: .g_Purple, endColor: .g_Orange)
VStack {
Spacer()
RoundRectangleView(heightRatio: 0.7) {
//Add Any View
VStack{
Image(systemName: "star.fill")
Text("Add Any View")
}
}
.padding()
}
}