How do I customize the colors in LiquidFloatingActionButton?

You can customize colors by implementing the dataSource method cellForIndex and modifying the LiquidFloatingCell properties, such as setting the cell's color or image, as hinted in the customizable demo GIF. Refer to the sample code for basic setup and extend it with your own styles.

LiquidFloatingActionButton vs Material Components for iOS FAB?

LiquidFloatingActionButton offers unique liquid animations and high customizability but is a standalone library, while Material Components provides a broader, Google-maintained suite with standard FABs and better ecosystem integration. Choose LiquidFloatingActionButton for visual flair; opt for Material Components for consistency with other Material Design elements.

How to use LiquidFloatingActionButton in Objective-C?

Import the module and set up the delegate and dataSource methods similar to Swift, as the library is Objective-C compatible. Ensure you bridge headers if needed, and follow the UIKit patterns described in the README for seamless integration.

Does LiquidFloatingActionButton support dark mode in iOS?

The README doesn't mention dark mode support explicitly, so you'll likely need to handle it manually by customizing colors based on trait collections or using adaptive colors in your cell designs. Check the demo or source code for any built-in adaptations.

How to change the animation speed in LiquidFloatingActionButton?

The README doesn't detail animation speed customization, but you can explore the source code or look for properties like duration in the LiquidFloatingActionButton class. As a workaround, you might need to subclass or modify the library for finer control.

Is LiquidFloatingActionButton compatible with iOS 15 and newer versions?

Yes, it supports Swift 5.0 and likely works on recent iOS versions, but always test in your project as the library hasn't been updated recently. Check the CI status or podspec for platform compatibility details.

Open-Awesome

LiquidFloatingActionButton

MITSwift

A Material Design floating action button component with liquid-state animations for iOS apps.

GitHub

3.8k stars463 forks0 contributors

What is LiquidFloatingActionButton?

LiquidFloatingActionButton is an open-source iOS library that provides a floating action button component with liquid-state animations. It implements Material Design's FAB with smooth, fluid transitions when expanding to reveal action items, solving the need for more engaging and visually appealing interactive elements in mobile apps.

Target Audience

iOS developers building apps with Material Design aesthetics who want to enhance user interfaces with animated, customizable floating action buttons.

Value Proposition

Developers choose this for its unique liquid animation effects, easy integration via familiar UIKit patterns, and high customizability, offering a polished alternative to standard FAB implementations.

Overview

Material Design Floating Action Button in liquid state

Use Cases

Best For

Adding Material Design floating action buttons to iOS apps
Implementing animated menu buttons with liquid effects
Creating customizable, interactive UI components in Swift
Enhancing user experience with smooth button transitions
Building iOS apps that follow Material Design guidelines
Integrating FABs with delegate/dataSource patterns like UIKit

Not Ideal For

Apps built entirely with SwiftUI that require native component integration
Projects with strict performance budgets on older iOS devices where fluid animations could cause lag
Teams seeking drop-in FAB components with zero customization or configuration effort
Applications not following Material Design guidelines where the liquid effects might clash with other UI elements

Pros & Cons

Pros

Liquid Animation Effects

Delivers smooth, fluid morphing animations when expanding and collapsing, as shown in the demo GIFs, enhancing visual engagement beyond standard FABs.

High Customizability

Allows extensive customization of colors, cell designs, and appearance through the dataSource pattern, demonstrated in the customizable demo GIF.

UIKit Familiarity

Uses delegate and dataSource patterns similar to UITableView, making integration straightforward for iOS developers accustomed to UIKit workflows.

Dual Language Support

Compatible with both Swift and Objective-C, as stated in the features, ensuring it works in mixed or legacy codebases without hassle.

Cons

No SwiftUI Compatibility

Built solely on UIKit with no SwiftUI support, limiting adoption in modern iOS projects that use declarative UI frameworks.

Material Design Lock-in

Adheres strictly to Material Design guidelines, which may require extra customization effort for apps with non-Material design systems.

Sparse Documentation

The README provides basic examples but lacks in-depth guides on advanced features, troubleshooting, or accessibility considerations.

Animation Overhead

The complex liquid animations, while visually appealing, could impact performance on low-end devices or in UI-heavy applications.

Frequently Asked Questions

Related Projects

DOFavoriteButton

Cute Animated Button written in Swift.

Stars3,589

Forks291

Last commit3 years ago

VBFPopFlatButton

Flat button with 9 different states using POP

Stars3,073

Forks290

Last commit1 year ago

BEMCheckBox

Tasteful Checkbox for iOS. (Check box)

Stars2,613

Forks292

Last commit2 years ago

LGButton

A fully customisable subclass of the native UIControl which allows you to create beautiful buttons without writing any line of code.

Stars2,289

Forks139

Last commit5 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub