Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tsuzukihashi/NeumorphismUI
NeumorphismUI is a library that can be used with SwiftUI. Compatible with Swift Package Manager.
https://github.com/tsuzukihashi/NeumorphismUI
design ios neumorphism swiftui
Last synced: 3 months ago
JSON representation
NeumorphismUI is a library that can be used with SwiftUI. Compatible with Swift Package Manager.
- Host: GitHub
- URL: https://github.com/tsuzukihashi/NeumorphismUI
- Owner: tsuzukihashi
- License: mit
- Created: 2020-02-20T20:49:34.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2023-06-18T11:16:56.000Z (over 1 year ago)
- Last Synced: 2024-07-23T05:41:40.557Z (4 months ago)
- Topics: design, ios, neumorphism, swiftui
- Language: Swift
- Homepage:
- Size: 333 KB
- Stars: 177
- Watchers: 7
- Forks: 10
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://github.com/tsuzukihashi/NeumorphismUI/stargazers)
[](https://github.com/tsuzukihashi/NeumorphismUI/network/members)
[](https://github.com/apple/swift-package-manager)
[](https://opensource.org/licenses/MIT)
NeumorphismUI is a very useful library that allows you to easily use Neumorphism designs in SwiftUI.
## DemoApp
## Requirements
+ iOS 13.0+
+ Xcode 11+
+ Swift 5+
## Installation
### Swift Package Manager
## Usage
### Simple
```swift
let neumorphism = NeumorphismManager(
isDark: false,
lightColor: Color(hex: "C1D2EB"),
darkColor: Color(hex: "2C292C")
)
let contentView = ContentView()
.environmentObject(neumorphism)
```
```swift
import SwiftUI
import NeumorphismUI
struct SimpleView: View {
@EnvironmentObject var neumorphism: NeumorphismManager
var body: some View {
ZStack {
neumorphism.color.edgesIgnoringSafeArea(.all)
Circle()
.fill(neumorphism.color)
.frame(width: 200, height: 200)
.neumorphismShadow()
}
}
}
```
```swift
let neumorphism = NeumorphismManager(
isDark: true,
lightColor: Color(hex: "C1D2EB"),
darkColor: Color(hex: "2C292C")
)
let contentView = ContentView()
.environmentObject(neumorphism)
```
### NeumorphismConcave
```swift
Rectangle()
.fill(neumorphism.color)
.neumorphismConcave(shapeType: .rectangle, color: nil)
.frame(width: 256, height: 100)
RoundedRectangle(cornerRadius: 16)
.fill(neumorphism.color)
.neumorphismConcave(shapeType: .roundedRectangle(cornerRadius: 16), color: nil)
.frame(width: 256, height: 100)
Circle()
.fill(neumorphism.color)
.neumorphismConcave(shapeType: .circle, color: nil)
.frame(width: 150, height: 150)
Ellipse()
.fill(neumorphism.color)
.neumorphismConcave(shapeType: .ellipse, color: nil)
.frame(width: 300, height: 100)
Capsule(style: .circular)
.fill(neumorphism.color)
.neumorphismConcave(shapeType: .capsule, color: nil)
.frame(width: 300, height: 100)
```
### NeumorphismButton
```swift
NeumorphismButton(
shapeType: .roundedRectangle(cornerRadius: 20),
normalImage: Image(systemName: "star"),
selectedImage: Image(systemName: "star.fill")
)
```
## NeumorphismSlider
Simple Usage!
```swift
struct NeumorphismSliderView: View {
@EnvironmentObject var neumorphism: NeumorphismManager
@State private var value: Double = 0
var body: some View {
ZStack {
neumorphism.color.edgesIgnoringSafeArea(.all)
VStack {
Text("VALUE: \(value)")
.foregroundColor(self.neumorphism.fontColor())
NeumorphismSlider(value: self.$value, changeHandler: {
// call change method
}) {
// call ended method
}
}
}
}
}
```
