tsuzukihashi / Neumorphismui

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

let neumorphism = NeumorphismManager(
    isDark: false,
    lightColor: Color(hex: "C1D2EB"),
    darkColor: Color(hex: "2C292C")
)

let contentView = ContentView()
    .environmentObject(neumorphism)

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()
        }
    }
}

let neumorphism = NeumorphismManager(
    isDark: true,
    lightColor: Color(hex: "C1D2EB"),
    darkColor: Color(hex: "2C292C")
)

let contentView = ContentView()
    .environmentObject(neumorphism)

NeumorphismConcave

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

NeumorphismButton(
    shapeType: .roundedRectangle(cornerRadius: 20),
    normalImage: Image(systemName: "star"),
    selectedImage: Image(systemName: "star.fill")
)

NeumorphismSlider

Simple Usage!

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