5 iOS Libraries to Make Your App Interface Better
A zoomable grid, bouncy collection view, colors utility and more!
Today, we’ll start with BSZoomGridScrollView, an iOS library made in Swift that provides a grid scroll view containing all your images array with the possibility to zoom, like the Apple Photos app.
The library will return the image selected by the user, detected by long press and pan gesture. The interface can also be customized to change the number of columns and rows.
BouncyLayout is a library that works with every
UICollectionView and will make your cell bounce! Made entirely in Swift, it supports horizontal and vertical scrolling.
The only thing you have to do to make it work is:
- Create an instance of
- Add it to your
import BouncyLayoutlet collectionLayout = BouncyLayout()UICollectionView(frame: .zero, collectionViewLayout: collectionLayout)
3. Gliding Collection
To use it, you need to create a view controller class, add a
Storyboard and change the class to
GlidingCollection, connect then the view to your code with a
@IBOutlet, make your view controller conform to
GlidingCollectionDatasource, and make your view controller conform to
If you need more information about how to implement this library, check the “how to use” section on Github.
UICollectionView doesn’t have a transition effect animation as the default when you scroll between items.
CarLensCollectionViewLayout is an easy-to-use collection view layout that allows you to create a card-like animation on your
UICollectionView with a few lines of code!
You can also customize the layout by changing the parameters available on
CarLensCollectionViewLayoutOptions. For example:
- MinimumSpacing — The minimum space between cells.
- DecelerationRate — The deceleration for the scroll view.
- ShouldShowScrollIndicator — The value that indicates if the collection view should have a scroll indicator.
- ItemSize — Sets the size of cells.
Lastly, Hue is the all-in-one utility that you need for colors.
With this library, you can easily use hex color, computed color properties (like .isDarkColor or .isBlackOrWhite), apply alpha, create gradients, get blue/green/red component from color, and much more!
You can find more examples on the official repo on Github.