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.

Ethan Lipnik

Last update: Nov 29, 2022

Related tags

UI ios design swiftui

Overview

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.

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.

.shadow(color: Color("Shadow"), radius: 30, y: 20)

Rounded

RoundedBlob() // or RoundedBlob(cornerRadius: 30)

Circle

This one is even more simple. No corner radius to worry about.

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

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.

@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

You might also like...

This is the replica of Foursquare application, created using storyboard.

FourSquare-Storyboard- This is the replica of Foursquare application, created using storyboard. API Usage from Foursuare Places Search Get Place Detai

2 Oct 31, 2022

macOS GUI Library for the Nim Programming Language

NimCocoa NimCocoa is an experimental implementation of a Native GUI for the Nim programming language running on macOS. Rather than rely on low level c

32 Dec 8, 2022

Swift programming language hackathon. Implementation of the main logic of working with an ATM in the Playground environment.

Hackaton-ATM-PJ04 Swift programming language hackathon. Implementation of the main logic of working with an ATM in the Playground environment. The tas