Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/EthanLipnik/Blobmorphism
Blobmorphism is a brand new design language I've created to break free of the material overload in iOS, built in SwiftUI. Everything feels smooth and fluid.
https://github.com/EthanLipnik/Blobmorphism
design ios swiftui
Last synced: about 2 months ago
JSON representation
Blobmorphism is a brand new design language I've created to break free of the material overload in iOS, built in SwiftUI. Everything feels smooth and fluid.
- Host: GitHub
- URL: https://github.com/EthanLipnik/Blobmorphism
- Owner: EthanLipnik
- License: mit
- Archived: true
- Created: 2021-07-24T21:51:58.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-08-10T02:27:04.000Z (over 3 years ago)
- Last Synced: 2024-08-14T10:16:23.672Z (6 months ago)
- Topics: design, ios, swiftui
- Language: Swift
- Homepage:
- Size: 2.41 MB
- Stars: 89
- Watchers: 5
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Blobmorphism
Blobmorphism is a brand new design language I've created to break free of the material overload in iOS, built in SwiftUI. Everything feels smooth and fluid.
It has 2 main components that make it up.
# Preview
# Usage
## Set shadow name
When your app is initialized (such as in your ~App.swift file), set your shadow name. This name will be whatever is in your assets catalog. If you do not have a shadow color in your assets then no elements will have shadows.
```swift
Blobmorphism.shadowName = "ShadowName" // Default is Shadow
```
## Blobs
The two main blobs are `RoundedBlob` and `CircleBlob`.
**IMPORTANT** You need to add shadows manually to these views. This is because if you want them in a `ScrollView`, you want the shadows to escape the `ScrollView` clipping.
```swift
.shadow(color: Color("Shadow"), radius: 30, y: 20)
```
### Rounded
```swift
RoundedBlob() // or RoundedBlob(cornerRadius: 30)
```
### Circle
*This one is even more simple. No corner radius to worry about.*
```swift
CircleBlob()
```
## Buttons
There are two different types of buttons: `ButtonBlob` and `SearchBlob`. *(Search is my favorite)*
These elements do not need manual shadow changes and already come with them.
### Standard Button
```swift
ButtonBlob(systemImage: "square.and.arrow.up") {
// What happens when the button is tapped.
} // Choose whatever system image you'd like to use.
```
### Search Button
The search button switches between a standard button and a search bar. It is important that on compact UIs (iPhone, iPad Split View) that you remove the buttons next to it if it is in an `HStack`.
```swift
@State var isSearching: Bool = false
@State var search: String = ""
SearchBlob(isSearching: $isSearching, search: $search)
```
# Installation
As long as your project is targeting **iOS 14+**, **macOS 11+**, or **tvOS 14+**, you can add this library to your app via SPM.
`https://github.com/EthanLipnik/Blobmorphism.git`