diff --git a/.circleci/config.yml b/.circleci/config.yml
index 99c73ad1..63cf976d 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -95,12 +95,12 @@ jobs:
       - store_test_results: *xcpretty-reports
 
 
-  build-and-test-ios10-iphone7plus:
+  build-and-test-ios10-iphone7:
     <<: *defaults
 
     environment:
-      DESTINATION: platform=iOS Simulator,OS=10.3.1,name=iPhone 7 Plus
-      SIMULATOR: iPhone 7 Plus (10.3.1) [
+      DESTINATION: platform=iOS Simulator,OS=10.3.1,name=iPhone 7
+      SIMULATOR: iPhone 7 (10.3.1) [
 
     steps:
       - checkout
@@ -150,7 +150,7 @@ jobs:
 
       - run:
           name: Build Documentation
-          command: bundle exec rake build_documentation
+          command: bundle exec rake generate_documentation
 
 
   swiftlint:
@@ -199,6 +199,6 @@ workflows:
       - lint-podspec
       - swiftlint
       - build-and-test-ios11-iphonex
-      - build-and-test-ios10-iphone7plus
+      - build-and-test-ios10-iphone7
       - build-documentation
       - push-podspec: *filter-version-tags-only
diff --git a/.codeclimate.yml b/.codeclimate.yml
index 6968b86f..803f1aca 100644
--- a/.codeclimate.yml
+++ b/.codeclimate.yml
@@ -1,4 +1,26 @@
 version: "2"
+checks:
+  argument-count:
+    config:
+      threshold: 4
+  complex-logic:
+    config:
+      threshold: 4
+  file-lines:
+    config:
+      threshold: 1000
+  method-complexity:
+    config:
+      threshold: 5
+  method-count:
+    config:
+      threshold: 20
+  method-lines:
+    config:
+      threshold: 40
+  nested-control-flow:
+    config:
+      threshold: 4
 exclude_patterns:
-  - "Example/Tests/"
+  - "Example/"
   - "docs/"
diff --git a/Example/JJFloatingActionButton.xcodeproj/project.pbxproj b/Example/JJFloatingActionButton.xcodeproj/project.pbxproj
index 2caf337d..4bac27ff 100644
--- a/Example/JJFloatingActionButton.xcodeproj/project.pbxproj
+++ b/Example/JJFloatingActionButton.xcodeproj/project.pbxproj
@@ -27,9 +27,11 @@
 		199592AC1FD73F070058BEFC /* JJFloatingActionButton.xib in Resources */ = {isa = PBXBuildFile; fileRef = 199592AB1FD73F070058BEFC /* JJFloatingActionButton.xib */; };
 		19B10AD81FFCEF0800D70C32 /* JJFloationgActionButtonDelegateMock.swift in Sources */ = {isa = PBXBuildFile; fileRef = 19B10AD71FFCEF0800D70C32 /* JJFloationgActionButtonDelegateMock.swift */; };
 		19B10ADA1FFD1F5600D70C32 /* JJFloatingActionButtonPlacementSpec.swift in Sources */ = {isa = PBXBuildFile; fileRef = 19B10AD91FFD1F5600D70C32 /* JJFloatingActionButtonPlacementSpec.swift */; };
-		19D311DD200F8A630023477D /* CircularPopExampleViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 19D311DC200F8A630023477D /* CircularPopExampleViewController.swift */; };
+		19D311DD200F8A630023477D /* CircularExampleViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 19D311DC200F8A630023477D /* CircularExampleViewController.swift */; };
+		19D6CE7D2046C35F009F486D /* .codeclimate.yml in Resources */ = {isa = PBXBuildFile; fileRef = 19D6CE7C2046C35F009F486D /* .codeclimate.yml */; };
 		19E247E61FD7E6F6009A7BA1 /* JJActionItem.xib in Resources */ = {isa = PBXBuildFile; fileRef = 19E247E41FD7E6B5009A7BA1 /* JJActionItem.xib */; };
 		19E247E81FD83CA7009A7BA1 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 198B66091FBAE904009A17F2 /* Assets.xcassets */; };
+		19EDBD4520285DF100559C37 /* AnimationConfigurationSpec.swift in Sources */ = {isa = PBXBuildFile; fileRef = 19EDBD4420285DF100559C37 /* AnimationConfigurationSpec.swift */; };
 		2239EB8C92AD42AB79A037CA /* Pods_JJFloatingActionButton_Example.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 75526023A5E4A843EAE2F986 /* Pods_JJFloatingActionButton_Example.framework */; };
 		D9B3C9FC35FD2B2E58308A4C /* Pods_JJFloatingActionButton_Tests.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 47ADD51D359629C3321DB781 /* Pods_JJFloatingActionButton_Tests.framework */; };
 /* End PBXBuildFile section */
@@ -72,7 +74,7 @@
 		198B66231FBAEDD6009A17F2 /* LICENSE */ = {isa = PBXFileReference; fileEncoding = 4; indentWidth = 2; lastKnownFileType = text; lineEnding = 0; name = LICENSE; path = ../LICENSE; sourceTree = SOURCE_ROOT; tabWidth = 2; };
 		198B66241FBAEDD6009A17F2 /* README.md */ = {isa = PBXFileReference; fileEncoding = 4; indentWidth = 2; lastKnownFileType = net.daringfireball.markdown; lineEnding = 0; name = README.md; path = ../README.md; sourceTree = SOURCE_ROOT; tabWidth = 2; };
 		198B66261FBAEDD6009A17F2 /* Gemfile */ = {isa = PBXFileReference; explicitFileType = text.script.ruby; fileEncoding = 4; indentWidth = 2; lineEnding = 0; name = Gemfile; path = ../Gemfile; sourceTree = SOURCE_ROOT; tabWidth = 2; };
-		198B66271FBAEDD7009A17F2 /* JJFloatingActionButton.podspec */ = {isa = PBXFileReference; explicitFileType = text.script.ruby; fileEncoding = 4; indentWidth = 2; lineEnding = 0; name = JJFloatingActionButton.podspec; path = ../JJFloatingActionButton.podspec; sourceTree = SOURCE_ROOT; tabWidth = 2; };
+		198B66271FBAEDD7009A17F2 /* JJFloatingActionButton.podspec */ = {isa = PBXFileReference; explicitFileType = text.script.ruby; fileEncoding = 4; indentWidth = 2; lineEnding = 0; name = JJFloatingActionButton.podspec; path = ../JJFloatingActionButton.podspec; sourceTree = SOURCE_ROOT; tabWidth = 2; xcLanguageSpecificationIdentifier = xcode.lang.ruby; };
 		198B662D1FBAEE16009A17F2 /* .gitignore */ = {isa = PBXFileReference; fileEncoding = 4; indentWidth = 2; lastKnownFileType = text; lineEnding = 0; name = .gitignore; path = ../.gitignore; sourceTree = SOURCE_ROOT; tabWidth = 2; };
 		198B662E1FBAEE16009A17F2 /* .swift-version */ = {isa = PBXFileReference; fileEncoding = 4; indentWidth = 2; lastKnownFileType = text; lineEnding = 0; name = ".swift-version"; path = "../.swift-version"; sourceTree = SOURCE_ROOT; tabWidth = 2; };
 		198EA7E31FD73F6D00F7DA3E /* JJCircleView.xib */ = {isa = PBXFileReference; lastKnownFileType = file.xib; path = JJCircleView.xib; sourceTree = "<group>"; };
@@ -81,11 +83,13 @@
 		19B10AD71FFCEF0800D70C32 /* JJFloationgActionButtonDelegateMock.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = JJFloationgActionButtonDelegateMock.swift; sourceTree = "<group>"; };
 		19B10AD91FFD1F5600D70C32 /* JJFloatingActionButtonPlacementSpec.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = JJFloatingActionButtonPlacementSpec.swift; sourceTree = "<group>"; };
 		19B10ADB1FFE692100D70C32 /* Rakefile */ = {isa = PBXFileReference; explicitFileType = text.script.ruby; fileEncoding = 4; indentWidth = 2; name = Rakefile; path = ../../Rakefile; sourceTree = "<group>"; tabWidth = 2; };
-		19D311DC200F8A630023477D /* CircularPopExampleViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CircularPopExampleViewController.swift; sourceTree = "<group>"; };
+		19D311DC200F8A630023477D /* CircularExampleViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CircularExampleViewController.swift; sourceTree = "<group>"; };
+		19D6CE7C2046C35F009F486D /* .codeclimate.yml */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = .codeclimate.yml; path = ../../.codeclimate.yml; sourceTree = "<group>"; };
 		19DF53B81FF59AE5006E292F /* Package.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; name = Package.swift; path = ../../Package.swift; sourceTree = "<group>"; };
 		19E247E41FD7E6B5009A7BA1 /* JJActionItem.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; path = JJActionItem.xib; sourceTree = "<group>"; };
 		19E247E91FD854B1009A7BA1 /* .github_changelog_generator */ = {isa = PBXFileReference; lastKnownFileType = text; name = .github_changelog_generator; path = ../../.github_changelog_generator; sourceTree = "<group>"; };
 		19E247EA1FD93525009A7BA1 /* .swiftlint.yml */ = {isa = PBXFileReference; indentWidth = 2; lastKnownFileType = text; name = .swiftlint.yml; path = ../../.swiftlint.yml; sourceTree = "<group>"; tabWidth = 2; };
+		19EDBD4420285DF100559C37 /* AnimationConfigurationSpec.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AnimationConfigurationSpec.swift; sourceTree = "<group>"; };
 		47ADD51D359629C3321DB781 /* Pods_JJFloatingActionButton_Tests.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_JJFloatingActionButton_Tests.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		6332F06691AC394EF8E25D29 /* Pods-JJFloatingActionButton_Tests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-JJFloatingActionButton_Tests.release.xcconfig"; path = "Pods/Target Support Files/Pods-JJFloatingActionButton_Tests/Pods-JJFloatingActionButton_Tests.release.xcconfig"; sourceTree = "<group>"; };
 		75526023A5E4A843EAE2F986 /* Pods_JJFloatingActionButton_Example.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_JJFloatingActionButton_Example.framework; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -140,7 +144,7 @@
 				198B66001FBAE904009A17F2 /* AppDelegate.swift */,
 				198B66021FBAE904009A17F2 /* BasicsExampleViewController.swift */,
 				192D1B6F2003CB8A0093064F /* ConfigurationExampleViewController.swift */,
-				19D311DC200F8A630023477D /* CircularPopExampleViewController.swift */,
+				19D311DC200F8A630023477D /* CircularExampleViewController.swift */,
 				198B66041FBAE904009A17F2 /* InterfaceBuilderExampleViewController.swift */,
 				192D1B712003CB930093064F /* SingleItemExampleViewController.swift */,
 				192D1B6D2003C7440093064F /* Helper.swift */,
@@ -161,6 +165,7 @@
 				1952693F1FD7E4CD0053C785 /* JJCircleViewSpec.swift */,
 				19B10AD91FFD1F5600D70C32 /* JJFloatingActionButtonPlacementSpec.swift */,
 				198B66171FBAE904009A17F2 /* JJFloatingActionButtonSpec.swift */,
+				19EDBD4420285DF100559C37 /* AnimationConfigurationSpec.swift */,
 				1957C8C920128AD200F1574B /* JJFloatingActionButtonDelegateSpec.swift */,
 				1957C8C42012815000F1574B /* JJFloatingActionButtonAppearanceSpec.swift */,
 				1957C8C7201283EF00F1574B /* JJActionItemAppearanceSpec.swift */,
@@ -175,6 +180,7 @@
 			isa = PBXGroup;
 			children = (
 				193808CF1FBCA063002EF4C0 /* .codecov.yml */,
+				19D6CE7C2046C35F009F486D /* .codeclimate.yml */,
 				19E247E91FD854B1009A7BA1 /* .github_changelog_generator */,
 				198B662D1FBAEE16009A17F2 /* .gitignore */,
 				19B10AC21FF7BDDD00D70C32 /* .jazzy.yaml */,
@@ -321,6 +327,7 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				19D6CE7D2046C35F009F486D /* .codeclimate.yml in Resources */,
 				194504D42003D499003B205F /* LaunchScreen.storyboard in Resources */,
 				198B660A1FBAE904009A17F2 /* Assets.xcassets in Resources */,
 				198B66081FBAE904009A17F2 /* Main.storyboard in Resources */,
@@ -462,7 +469,7 @@
 				198B66031FBAE904009A17F2 /* BasicsExampleViewController.swift in Sources */,
 				192D1B702003CB8A0093064F /* ConfigurationExampleViewController.swift in Sources */,
 				192D1B6E2003C7440093064F /* Helper.swift in Sources */,
-				19D311DD200F8A630023477D /* CircularPopExampleViewController.swift in Sources */,
+				19D311DD200F8A630023477D /* CircularExampleViewController.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -472,6 +479,7 @@
 			files = (
 				198B66181FBAE904009A17F2 /* JJFloatingActionButtonSpec.swift in Sources */,
 				19B10AD81FFCEF0800D70C32 /* JJFloationgActionButtonDelegateMock.swift in Sources */,
+				19EDBD4520285DF100559C37 /* AnimationConfigurationSpec.swift in Sources */,
 				195269411FD7E53B0053C785 /* JJCircleViewSpec.swift in Sources */,
 				195269431FD7E6200053C785 /* UIColorExtensionsSpec.swift in Sources */,
 				1957C8CA20128AD200F1574B /* JJFloatingActionButtonDelegateSpec.swift in Sources */,
diff --git a/Example/JJFloatingActionButton/AppDelegate.swift b/Example/JJFloatingActionButton/AppDelegate.swift
index 4db57679..1de01044 100644
--- a/Example/JJFloatingActionButton/AppDelegate.swift
+++ b/Example/JJFloatingActionButton/AppDelegate.swift
@@ -26,7 +26,6 @@ import UIKit
 
 @UIApplicationMain
 class AppDelegate: UIResponder, UIApplicationDelegate {
-
     var window: UIWindow?
 
     func application(_: UIApplication, didFinishLaunchingWithOptions _: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
diff --git a/Example/JJFloatingActionButton/Base.lproj/Main.storyboard b/Example/JJFloatingActionButton/Base.lproj/Main.storyboard
index 1e7f035d..86ae115a 100644
--- a/Example/JJFloatingActionButton/Base.lproj/Main.storyboard
+++ b/Example/JJFloatingActionButton/Base.lproj/Main.storyboard
@@ -27,7 +27,7 @@
                                 <nil key="highlightedColor"/>
                             </label>
                             <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Floating Action Button with default configuration added programmatically" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="A5M-7J-77L" userLabel="Subtitle">
-                                <rect key="frame" x="29.5" y="363" width="316" height="33.5"/>
+                                <rect key="frame" x="29" y="363" width="316" height="33.5"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
                                 <nil key="highlightedColor"/>
@@ -194,8 +194,8 @@
                                                     <nil key="textColor"/>
                                                     <nil key="highlightedColor"/>
                                                 </label>
-                                                <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" insetsLayoutMarginsFromSafeArea="NO" text="Using .circularPop as opening style" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="lMu-eY-MIV" userLabel="Subtitle">
-                                                    <rect key="frame" x="16" y="33.5" width="199" height="14.5"/>
+                                                <label opaque="NO" multipleTouchEnabled="YES" contentMode="left" insetsLayoutMarginsFromSafeArea="NO" text="Using a circular opening style" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" id="lMu-eY-MIV" userLabel="Subtitle">
+                                                    <rect key="frame" x="16" y="33.5" width="167.5" height="14.5"/>
                                                     <autoresizingMask key="autoresizingMask"/>
                                                     <fontDescription key="fontDescription" type="system" pointSize="12"/>
                                                     <nil key="textColor"/>
@@ -318,14 +318,14 @@
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
                             <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" text="Configuration" textAlignment="center" lineBreakMode="tailTruncation" minimumFontSize="10" translatesAutoresizingMaskIntoConstraints="NO" id="15n-db-NNG" userLabel="Title">
-                                <rect key="frame" x="82" y="312" width="210" height="43"/>
+                                <rect key="frame" x="82.5" y="312" width="210" height="43"/>
                                 <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="36"/>
                                 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
                             <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Floating Action Button with custom configuration added programmatically" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Ke7-Zv-Krw" userLabel="Subtitle">
-                                <rect key="frame" x="27.5" y="363" width="319" height="33.5"/>
+                                <rect key="frame" x="28.5" y="363" width="319" height="33.5"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
                                 <nil key="highlightedColor"/>
@@ -383,10 +383,10 @@
             </objects>
             <point key="canvasLocation" x="2758" y="-367"/>
         </scene>
-        <!--Circular Pop-->
+        <!--Circular-->
         <scene sceneID="hcS-Yf-PqW">
             <objects>
-                <viewController storyboardIdentifier="CircularPopExampleViewController" useStoryboardIdentifierAsRestorationIdentifier="YES" id="WKv-VT-tfa" userLabel="Circular Pop" customClass="CircularPopExampleViewController" customModule="JJFloatingActionButton_Example" customModuleProvider="target" sceneMemberID="viewController">
+                <viewController storyboardIdentifier="CircularExampleViewController" useStoryboardIdentifierAsRestorationIdentifier="YES" id="WKv-VT-tfa" userLabel="Circular" customClass="CircularExampleViewController" customModule="JJFloatingActionButton_Example" customModuleProvider="target" sceneMemberID="viewController">
                     <view key="view" contentMode="scaleToFill" id="LLN-Dv-84i">
                         <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
@@ -398,7 +398,7 @@
                                 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Floating Action Button with custom configuration unsing .circularPop as itemOpeningStyle" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Hpi-MM-u7d" userLabel="Subtitle">
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Floating Action Button with custom configuration unsing a circular opening style" textAlignment="center" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="Hpi-MM-u7d" userLabel="Subtitle">
                                 <rect key="frame" x="28" y="363" width="319" height="33.5"/>
                                 <fontDescription key="fontDescription" type="system" pointSize="14"/>
                                 <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
diff --git a/Example/JJFloatingActionButton/BasicsExampleViewController.swift b/Example/JJFloatingActionButton/BasicsExampleViewController.swift
index ab4f58f1..e5b73119 100644
--- a/Example/JJFloatingActionButton/BasicsExampleViewController.swift
+++ b/Example/JJFloatingActionButton/BasicsExampleViewController.swift
@@ -26,7 +26,6 @@ import JJFloatingActionButton
 import UIKit
 
 internal class BasicsExampleViewController: UIViewController {
-
     fileprivate let actionButton = JJFloatingActionButton()
 
     override func viewDidLoad() {
diff --git a/Example/JJFloatingActionButton/CircularPopExampleViewController.swift b/Example/JJFloatingActionButton/CircularExampleViewController.swift
similarity index 82%
rename from Example/JJFloatingActionButton/CircularPopExampleViewController.swift
rename to Example/JJFloatingActionButton/CircularExampleViewController.swift
index a2b11517..080112c5 100644
--- a/Example/JJFloatingActionButton/CircularPopExampleViewController.swift
+++ b/Example/JJFloatingActionButton/CircularExampleViewController.swift
@@ -1,5 +1,5 @@
 //
-//  CircularPopExampleViewController.swift
+//  CircularExampleViewController.swift
 //
 //  Copyright (c) 2017-Present Jochen Pfeiffer
 //
@@ -25,15 +25,16 @@
 import JJFloatingActionButton
 import UIKit
 
-internal class CircularPopExampleViewController: UIViewController {
-
+internal class CircularExampleViewController: UIViewController {
     fileprivate let actionButton = JJFloatingActionButton()
 
     override func viewDidLoad() {
         super.viewDidLoad()
 
-        actionButton.itemOpeningStyle = .circularPop(radius: 120)
-        actionButton.buttonOpeningStyle = .rotate(angle: .pi / 4)
+        actionButton.itemAnimationConfiguration = .circularSlideIn(withRadius: 120)
+        actionButton.buttonAnimationConfiguration = .rotation(toAngle: .pi * 3 / 4)
+        actionButton.buttonAnimationConfiguration.opening.duration = 0.8
+        actionButton.buttonAnimationConfiguration.closing.duration = 0.6
 
         actionButton.addItem(image: #imageLiteral(resourceName: "Baloon")) { item in
             Helper.showAlert(for: item)
diff --git a/Example/JJFloatingActionButton/ConfigurationExampleViewController.swift b/Example/JJFloatingActionButton/ConfigurationExampleViewController.swift
index 8071311b..89f571ba 100644
--- a/Example/JJFloatingActionButton/ConfigurationExampleViewController.swift
+++ b/Example/JJFloatingActionButton/ConfigurationExampleViewController.swift
@@ -26,19 +26,33 @@ import JJFloatingActionButton
 import UIKit
 
 internal class ConfigurationExampleViewController: UIViewController {
-
     fileprivate let actionButton = JJFloatingActionButton()
 
     override func viewDidLoad() {
         super.viewDidLoad()
 
+        configureActionButton()
+
+        view.addSubview(actionButton)
+
+        actionButton.translatesAutoresizingMaskIntoConstraints = false
+        if #available(iOS 11.0, *) {
+            actionButton.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 16).isActive = true
+            actionButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -16).isActive = true
+        } else {
+            actionButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16).isActive = true
+            actionButton.bottomAnchor.constraint(equalTo: bottomLayoutGuide.topAnchor, constant: -16).isActive = true
+        }
+    }
+
+    fileprivate func configureActionButton() {
         actionButton.overlayView.backgroundColor = UIColor(hue: 0.31, saturation: 0.37, brightness: 0.10, alpha: 0.30)
         actionButton.buttonImage = #imageLiteral(resourceName: "Dots")
         actionButton.buttonColor = .red
         actionButton.buttonImageColor = .white
 
-        actionButton.buttonOpeningStyle = .transition(image: #imageLiteral(resourceName: "X"))
-        actionButton.itemOpeningStyle = .popUp(interItemSpacing: 14)
+        actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "X"))
+        actionButton.itemAnimationConfiguration = .slideIn(withInterItemSpacing: 14)
 
         actionButton.layer.shadowColor = UIColor.black.cgColor
         actionButton.layer.shadowOffset = CGSize(width: 0, height: 1)
@@ -76,22 +90,10 @@ internal class ConfigurationExampleViewController: UIViewController {
         item3.action = { item in
             Helper.showAlert(for: item)
         }
-
-
-        view.addSubview(actionButton)
-        actionButton.translatesAutoresizingMaskIntoConstraints = false
-        if #available(iOS 11.0, *) {
-            actionButton.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 16).isActive = true
-            actionButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -16).isActive = true
-        } else {
-            actionButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16).isActive = true
-            actionButton.bottomAnchor.constraint(equalTo: bottomLayoutGuide.topAnchor, constant: -16).isActive = true
-        }
     }
 }
 
 extension ConfigurationExampleViewController: JJFloatingActionButtonDelegate {
-
     func floatingActionButtonWillOpen(_ button: JJFloatingActionButton) {
         print("Action button will open: \(button.state)")
     }
diff --git a/Example/JJFloatingActionButton/Helper.swift b/Example/JJFloatingActionButton/Helper.swift
index 6c5fdb64..c5714363 100644
--- a/Example/JJFloatingActionButton/Helper.swift
+++ b/Example/JJFloatingActionButton/Helper.swift
@@ -26,7 +26,6 @@ import JJFloatingActionButton
 import UIKit
 
 internal struct Helper {
-
     static func showAlert(for item: JJActionItem) {
         showAlert(title: item.titleLabel.text, message: "Item tapped!")
     }
diff --git a/Example/JJFloatingActionButton/InterfaceBuilderExampleViewController.swift b/Example/JJFloatingActionButton/InterfaceBuilderExampleViewController.swift
index 0b966b56..52a2aedb 100644
--- a/Example/JJFloatingActionButton/InterfaceBuilderExampleViewController.swift
+++ b/Example/JJFloatingActionButton/InterfaceBuilderExampleViewController.swift
@@ -26,11 +26,9 @@ import JJFloatingActionButton
 import UIKit
 
 class InterfaceBuilderExampleViewController: UIViewController {
-
     @IBOutlet fileprivate var actionButton: JJFloatingActionButton!
 
     override func viewDidLoad() {
-
         super.viewDidLoad()
 
         actionButton.addItem(title: "Heart", image: #imageLiteral(resourceName: "Favourite")) { item in
diff --git a/Example/JJFloatingActionButton/SingleItemExampleViewController.swift b/Example/JJFloatingActionButton/SingleItemExampleViewController.swift
index 21eaf81a..90bdd9c5 100644
--- a/Example/JJFloatingActionButton/SingleItemExampleViewController.swift
+++ b/Example/JJFloatingActionButton/SingleItemExampleViewController.swift
@@ -26,7 +26,6 @@ import JJFloatingActionButton
 import UIKit
 
 internal class SingleItemExampleViewController: UIViewController {
-
     fileprivate let actionButton = JJFloatingActionButton()
 
     override func viewDidLoad() {
diff --git a/Example/Tests/AnimationConfigurationSpec.swift b/Example/Tests/AnimationConfigurationSpec.swift
new file mode 100644
index 00000000..d64b601b
--- /dev/null
+++ b/Example/Tests/AnimationConfigurationSpec.swift
@@ -0,0 +1,343 @@
+//
+//  AnimationConfigurationSpec.swift
+//
+//  Copyright (c) 2017-Present Jochen Pfeiffer
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy
+//  of this software and associated documentation files (the "Software"), to deal
+//  in the Software without restriction, including without limitation the rights
+//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+//  copies of the Software, and to permit persons to whom the Software is
+//  furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in
+//  all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+//  THE SOFTWARE.
+//
+
+@testable import JJFloatingActionButton
+import Nimble
+import Nimble_Snapshots
+import Quick
+
+class AnimationConfigurationSpec: QuickSpec {
+    override func spec() {
+        describe("JJFloatingActionButton") {
+            var actionButton: JJFloatingActionButton!
+            var superview: UIView!
+
+            beforeEach {
+                assert(UIApplication.shared.keyWindow != nil)
+                let windowWidth = UIApplication.shared.keyWindow!.bounds.size.width
+
+                var superviewFrame = CGRect(origin: .zero, size: CGSize(width: 200, height: 300))
+                superviewFrame.origin.x = windowWidth - superviewFrame.size.width
+                let actionButtonFrame = CGRect(origin: CGPoint(x: 130, y: 230), size: CGSize(width: 56, height: 56))
+
+                superview = UIView(frame: superviewFrame)
+                superview.backgroundColor = .white
+
+                actionButton = JJFloatingActionButton(frame: actionButtonFrame)
+                superview.addSubview(actionButton)
+
+                actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+                actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
+
+                setNimbleTolerance(0.003)
+            }
+
+            it("is on the right side of the screen") {
+                expect(actionButton.isOnLeftSideOfScreen).to(beFalse())
+            }
+
+            it("is on the right side of nothing") {
+                expect(actionButton.isOnLeftSide(ofView: nil)).to(beFalse())
+            }
+
+            context("when using pop up style") {
+                beforeEach {
+                    actionButton.itemAnimationConfiguration = .popUp(withInterItemSpacing: 10)
+                    actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "Owl"))
+                }
+
+                it("it looks correct") {
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+
+            context("when using slide in style") {
+                beforeEach {
+                    actionButton.itemAnimationConfiguration = .slideIn(withInterItemSpacing: 10)
+                    actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "Owl"))
+                }
+
+                it("it looks correct") {
+                    actionButton.open(animated: false)
+                    expect(superview) == snapshot()
+                }
+            }
+
+            context("when using circular pop up style") {
+                beforeEach {
+                    actionButton.itemAnimationConfiguration = .circularPopUp(withRadius: 100)
+                    actionButton.buttonAnimationConfiguration = .rotation(toAngle: -CGFloat.pi / 3)
+                    actionButton.items = []
+                }
+
+                it("it looks correct with 3 items") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with 2 items") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with 1 item") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.handleSingleActionDirectly = false
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct when opened and closed") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
+
+                    actionButton.open(animated: false)
+                    actionButton.close(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+
+            context("when using circular slide in style") {
+                beforeEach {
+                    actionButton.itemAnimationConfiguration = .circularSlideIn(withRadius: 80)
+                    actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "Owl"))
+                }
+
+                it("it looks correct") {
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+
+            context("when using custom item animation configuration") {
+                let configuration = JJItemAnimationConfiguration()
+
+                beforeEach {
+                    configuration.openState = JJItemPreparation { item, _, _, _ in
+                        item.alpha = 1
+                    }
+                    actionButton.itemAnimationConfiguration = configuration
+                }
+
+                it("it looks correct with items scaled") {
+                    configuration.itemLayout = .verticalLine(withInterItemSpacing: 10)
+                    configuration.closedState = .scale()
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with horizontal offset") {
+                    configuration.itemLayout = .verticalLine(withInterItemSpacing: 10)
+                    configuration.closedState = .horizontalOffset(distance: 30, scale: 0.5)
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with items offseted") {
+                    configuration.itemLayout = .verticalLine(withInterItemSpacing: 10)
+                    configuration.closedState = .offset(translationX: -20, translationY: 10)
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with circular offset items") {
+                    configuration.itemLayout = .circular(withRadius: 50)
+                    configuration.closedState = .circularOffset(distance: 50, scale: 0.5)
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+        }
+
+        describe("JJFloatingActionButton on the left") {
+            var actionButton: JJFloatingActionButton!
+            var superview: UIView!
+
+            beforeEach {
+                let superviewFrame = CGRect(origin: .zero, size: CGSize(width: 200, height: 400))
+                let actionButtonFrame = CGRect(origin: CGPoint(x: 50, y: 330), size: CGSize(width: 56, height: 56))
+
+                superview = UIView(frame: superviewFrame)
+                superview.backgroundColor = .white
+
+                actionButton = JJFloatingActionButton(frame: actionButtonFrame)
+                superview.addSubview(actionButton)
+
+                actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+                actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
+
+                setNimbleTolerance(0.002)
+            }
+
+            it("is on the left side of the screen") {
+                expect(actionButton.isOnLeftSideOfScreen).to(beTrue())
+            }
+
+            context("when using circular pop up style") {
+                beforeEach {
+                    actionButton.itemAnimationConfiguration = .circularPopUp(withRadius: 100)
+                    actionButton.buttonAnimationConfiguration = .rotation(toAngle: -CGFloat.pi / 3)
+                    actionButton.items = []
+                }
+
+                it("it looks correct with 3 items") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with 2 items") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with 1 item") {
+                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
+                    actionButton.handleSingleActionDirectly = false
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+
+            context("when using custom item animation configuration") {
+                let configuration = JJItemAnimationConfiguration()
+
+                beforeEach {
+                    configuration.openState = JJItemPreparation { item, _, _, _ in
+                        item.alpha = 1
+                    }
+                    actionButton.itemAnimationConfiguration = configuration
+                }
+
+                it("it looks correct with horizontal offset") {
+                    configuration.itemLayout = .verticalLine(withInterItemSpacing: 10)
+                    configuration.closedState = .horizontalOffset(distance: 30, scale: 0.5)
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with items offseted") {
+                    configuration.itemLayout = .verticalLine(withInterItemSpacing: 10)
+                    configuration.closedState = .offset(translationX: -20, translationY: 10)
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                it("it looks correct with circular offset items") {
+                    configuration.itemLayout = .circular(withRadius: 50)
+                    configuration.closedState = .circularOffset(distance: 50, scale: 0.5)
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+
+            context("with rtl language") {
+                beforeEach {
+                    actionButton.items = []
+
+                    superview.semanticContentAttribute = .forceRightToLeft
+                    actionButton.semanticContentAttribute = .forceRightToLeft
+
+                    actionButton.configureDefaultItem { item in
+                        item.titleLabel.font = UIFont(name: "Courier", size: 12)
+                        item.semanticContentAttribute = .forceRightToLeft
+                    }
+
+                    let item1 = actionButton.addItem(title: "leading", image: #imageLiteral(resourceName: "Like"))
+                    item1.titlePosition = .leading
+                    let item2 = actionButton.addItem(title: "trailing", image: #imageLiteral(resourceName: "Baloon"))
+                    item2.titlePosition = .trailing
+                    let item3 = actionButton.addItem(title: "right", image: #imageLiteral(resourceName: "Like"))
+                    item3.titlePosition = .right
+                    let item4 = actionButton.addItem(title: "left", image: #imageLiteral(resourceName: "Baloon"))
+                    item4.titlePosition = .left
+                    let item5 = actionButton.addItem(title: "hidden", image: #imageLiteral(resourceName: "Baloon"))
+                    item5.titlePosition = .hidden
+                }
+
+                it("looks correct") {
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+
+                // disabled for now. Fails on older operating sistems. ToDo!
+                xit("looks correct with slide in configuration") {
+                    let configuration = JJItemAnimationConfiguration()
+                    configuration.openState = JJItemPreparation { item, _, _, _ in
+                        item.alpha = 1
+                    }
+                    configuration.closedState = .horizontalOffset(distance: 40, scale: 0.6)
+                    actionButton.itemAnimationConfiguration = configuration
+
+                    actionButton.open(animated: false)
+
+                    expect(superview) == snapshot()
+                }
+            }
+        }
+    }
+}
diff --git a/Example/Tests/JJActionItemAppearanceSpec.swift b/Example/Tests/JJActionItemAppearanceSpec.swift
index 2799c018..79d18a9e 100644
--- a/Example/Tests/JJActionItemAppearanceSpec.swift
+++ b/Example/Tests/JJActionItemAppearanceSpec.swift
@@ -29,11 +29,8 @@ import Nimble_Snapshots
 import Quick
 
 class JJActionItemAppearanceSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJActionItem") {
-
             var item: JJActionItem!
 
             beforeEach {
diff --git a/Example/Tests/JJActionItemSpec.swift b/Example/Tests/JJActionItemSpec.swift
index 38b90db9..c401b0c1 100644
--- a/Example/Tests/JJActionItemSpec.swift
+++ b/Example/Tests/JJActionItemSpec.swift
@@ -28,14 +28,11 @@ import Nimble_Snapshots
 import Quick
 
 class JJActionItemSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJActionItem") {
             var actionItem: JJActionItem!
 
             beforeEach {
-
                 actionItem = JJActionItem(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
                 actionItem.titleLabel.font = UIFont(name: "Courier", size: 12)
                 actionItem.titleLabel.text = "item"
@@ -43,7 +40,7 @@ class JJActionItemSpec: QuickSpec {
                 actionItem.buttonColor = .red
                 actionItem.buttonImageColor = .white
 
-                setNimbleTolerance(0.004)
+                setNimbleTolerance(0.002)
             }
 
             it("looks correct") {
@@ -99,7 +96,7 @@ class JJActionItemSpec: QuickSpec {
                 actionItem?.buttonColor = .red
                 actionItem?.buttonImageColor = .white
 
-                setNimbleTolerance(0.004)
+                setNimbleTolerance(0.002)
             }
 
             it("looks correct") {
diff --git a/Example/Tests/JJCircleViewSpec.swift b/Example/Tests/JJCircleViewSpec.swift
index 956ea712..31738f77 100644
--- a/Example/Tests/JJCircleViewSpec.swift
+++ b/Example/Tests/JJCircleViewSpec.swift
@@ -28,9 +28,7 @@ import Nimble_Snapshots
 import Quick
 
 class JJCircleViewSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJCircleView loaded from xib") {
             var circleView: JJCircleView?
 
diff --git a/Example/Tests/JJFloatingActionButtonAppearanceSpec.swift b/Example/Tests/JJFloatingActionButtonAppearanceSpec.swift
index 44ffebef..787f998f 100644
--- a/Example/Tests/JJFloatingActionButtonAppearanceSpec.swift
+++ b/Example/Tests/JJFloatingActionButtonAppearanceSpec.swift
@@ -29,11 +29,8 @@ import Nimble_Snapshots
 import Quick
 
 class JJFloatingActionButtonAppearanceSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJFloatingActionButton") {
-
             var actionButton: JJFloatingActionButton!
 
             beforeEach {
diff --git a/Example/Tests/JJFloatingActionButtonDelegateSpec.swift b/Example/Tests/JJFloatingActionButtonDelegateSpec.swift
index cd482771..8e90b526 100644
--- a/Example/Tests/JJFloatingActionButtonDelegateSpec.swift
+++ b/Example/Tests/JJFloatingActionButtonDelegateSpec.swift
@@ -28,11 +28,8 @@ import Nimble_Snapshots
 import Quick
 
 class JJFloatingActionButtonDelegateSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJFloatingActionButton") {
-
             var superview: UIView!
             var actionButton: JJFloatingActionButton!
             var delegate: JJFloatingActionButtonDelegateMock!
@@ -73,7 +70,6 @@ class JJFloatingActionButtonDelegateSpec: QuickSpec {
             }
 
             it("calls delegate when opening and closing without animation") {
-
                 expect(delegate.willOpenCalled).to(beFalse())
                 expect(delegate.didOpenCalled).to(beFalse())
                 expect(delegate.willCloseCalled).to(beFalse())
diff --git a/Example/Tests/JJFloatingActionButtonPlacementSpec.swift b/Example/Tests/JJFloatingActionButtonPlacementSpec.swift
index 9019376d..aeb6ee5a 100644
--- a/Example/Tests/JJFloatingActionButtonPlacementSpec.swift
+++ b/Example/Tests/JJFloatingActionButtonPlacementSpec.swift
@@ -29,16 +29,12 @@ import Nimble_Snapshots
 import Quick
 
 class JJFloatingActionButtonPlacementSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJFloatingActionButton") {
-
             var actionButton: JJFloatingActionButton!
             var viewController: UIViewController!
 
             beforeEach {
-
                 viewController = UIViewController()
 
                 let window = UIWindow(frame: UIScreen.main.bounds)
diff --git a/Example/Tests/JJFloatingActionButtonSpec.swift b/Example/Tests/JJFloatingActionButtonSpec.swift
index 47290bcc..a58b320c 100644
--- a/Example/Tests/JJFloatingActionButtonSpec.swift
+++ b/Example/Tests/JJFloatingActionButtonSpec.swift
@@ -28,11 +28,8 @@ import Nimble_Snapshots
 import Quick
 
 class JJFloatingActionButtonSpec: QuickSpec {
-
     override func spec() {
-
         describe("JJFloatingActionButton") {
-
             let superviewFrame = CGRect(origin: .zero, size: CGSize(width: 200, height: 300))
             let actionButtonFrame = CGRect(origin: CGPoint(x: 130, y: 230), size: CGSize(width: 56, height: 56))
 
@@ -46,7 +43,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
                 actionButton = JJFloatingActionButton(frame: actionButtonFrame)
                 superview.addSubview(actionButton)
 
-                setNimbleTolerance(0.004)
+                setNimbleTolerance(0.002)
             }
 
             it("does not open") {
@@ -96,7 +93,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
                 actionButton.buttonColor = .blue
                 actionButton.highlightedButtonColor = .orange
                 actionButton.buttonImage = #imageLiteral(resourceName: "Like").withRenderingMode(.alwaysTemplate)
-                actionButton.buttonOpeningStyle = .transition(image: #imageLiteral(resourceName: "Baloon").withRenderingMode(.alwaysTemplate))
+                actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "Baloon"))
                 actionButton.buttonImageColor = .red
                 actionButton.shadowColor = .orange
                 actionButton.shadowOffset = CGSize(width: -5, height: -5)
@@ -115,7 +112,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
                     item.shadowRadius = CGFloat(0)
                 }
                 actionButton.itemSizeRatio = CGFloat(1.1)
-                actionButton.itemOpeningStyle = .popUp(interItemSpacing: 7)
+                actionButton.itemAnimationConfiguration = .popUp(withInterItemSpacing: 7)
 
                 actionButton.addItem(title: "item 1", image: #imageLiteral(resourceName: "Like").withRenderingMode(.alwaysTemplate))
                 actionButton.addItem(title: "item 2", image: #imageLiteral(resourceName: "Baloon").withRenderingMode(.alwaysTemplate))
@@ -131,7 +128,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
 
                 actionButton.buttonColor = .blue
                 actionButton.buttonImage = #imageLiteral(resourceName: "Baloon").withRenderingMode(.alwaysTemplate)
-                actionButton.buttonOpeningStyle = .rotate(angle: -CGFloat.pi / 5)
+                actionButton.buttonAnimationConfiguration = .rotation(toAngle: -CGFloat.pi / 5)
                 actionButton.buttonImageColor = .red
                 actionButton.shadowColor = .orange
                 actionButton.shadowOffset = CGSize(width: -5, height: -5)
@@ -150,7 +147,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
                     item.shadowRadius = CGFloat(0)
                 }
                 actionButton.itemSizeRatio = CGFloat(1.1)
-                actionButton.itemOpeningStyle = .popUp(interItemSpacing: 7)
+                actionButton.itemAnimationConfiguration = .popUp(withInterItemSpacing: 7)
 
                 actionButton.open(animated: false)
 
@@ -188,73 +185,6 @@ class JJFloatingActionButtonSpec: QuickSpec {
                 expect(superview) == snapshot()
             }
 
-            context("when using pop up style") {
-                beforeEach {
-                    actionButton.useItemOpeningStylePopUp(interItemSpacing: 10)
-                    actionButton.useButtonOpeningStyleTransition(image: #imageLiteral(resourceName: "Owl"))
-                }
-
-                it("it looks correct") {
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
-
-                    actionButton.open(animated: false)
-
-                    expect(superview) == snapshot()
-                }
-            }
-
-            context("when using circular pop up style") {
-                beforeEach {
-                    actionButton.useItemOpeningStyleCircularPop(radius: 100)
-                    actionButton.useButtonOpeningStyleRotate(angle: -CGFloat.pi / 3)
-                }
-
-                it("it looks correct with 3 items") {
-
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
-
-                    actionButton.open(animated: false)
-
-                    expect(superview) == snapshot()
-                }
-
-                it("it looks correct with 2 items") {
-
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
-
-                    actionButton.open(animated: false)
-
-                    expect(superview) == snapshot()
-                }
-
-                it("it looks correct with 1 item") {
-
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
-                    actionButton.handleSingleActionDirectly = false
-
-                    actionButton.open(animated: false)
-
-                    expect(superview) == snapshot()
-                }
-
-                it("it looks correct when opened and closed") {
-
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Like"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Baloon"))
-                    actionButton.addItem(image: #imageLiteral(resourceName: "Owl"))
-
-                    actionButton.open(animated: false)
-                    actionButton.close(animated: false)
-
-                    expect(superview) == snapshot()
-                }
-            }
-
             context("when multiple items are added") {
                 var action = "not done"
                 beforeEach {
@@ -396,7 +326,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
 
                 context("and is opened animated with open image") {
                     beforeEach {
-                        actionButton.buttonOpeningStyle = .transition(image: #imageLiteral(resourceName: "Dots"))
+                        actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "Dots"))
                         actionButton.open(animated: true)
                     }
 
@@ -407,7 +337,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
 
                 context("and is closed animated with open image") {
                     beforeEach {
-                        actionButton.buttonOpeningStyle = .transition(image: #imageLiteral(resourceName: "Dots"))
+                        actionButton.buttonAnimationConfiguration = .transition(toImage: #imageLiteral(resourceName: "Dots"))
                         actionButton.open(animated: false)
                         actionButton.close(animated: true)
                     }
@@ -492,40 +422,7 @@ class JJFloatingActionButtonSpec: QuickSpec {
             }
         }
 
-        describe("JJFloatingActionButton with rtl language") {
-            let superviewFrame = CGRect(origin: .zero, size: CGSize(width: 200, height: 300))
-            let actionButtonFrame = CGRect(origin: CGPoint(x: 20, y: 230), size: CGSize(width: 56, height: 56))
-
-            var actionButton: JJFloatingActionButton!
-            var superview: UIView!
-
-            beforeEach {
-                superview = UIView(frame: superviewFrame)
-                superview.backgroundColor = .white
-
-                actionButton = JJFloatingActionButton(frame: actionButtonFrame)
-                superview.addSubview(actionButton)
-
-                superview.semanticContentAttribute = .forceRightToLeft
-                actionButton.semanticContentAttribute = .forceRightToLeft
-
-                setNimbleTolerance(0.004)
-            }
-
-            it("looks correct") {
-                let item1 = actionButton.addItem(title: "item 1", image: #imageLiteral(resourceName: "Like").withRenderingMode(.alwaysTemplate))
-                item1.semanticContentAttribute = .forceRightToLeft
-                let item2 = actionButton.addItem(title: "item 2", image: #imageLiteral(resourceName: "Baloon").withRenderingMode(.alwaysTemplate))
-                item2.semanticContentAttribute = .forceRightToLeft
-
-                actionButton.open(animated: false)
-
-                expect(superview) == snapshot()
-            }
-        }
-
         describe("JJFloatingActionButton without superview") {
-
             let actionButtonFrame = CGRect(origin: .zero, size: CGSize(width: 56, height: 56))
             var actionButton: JJFloatingActionButton!
 
@@ -534,7 +431,6 @@ class JJFloatingActionButtonSpec: QuickSpec {
             }
 
             context("when multiple items are added") {
-
                 beforeEach {
                     actionButton.addItem(title: "item 1", image: #imageLiteral(resourceName: "Like").withRenderingMode(.alwaysTemplate))
                     actionButton.addItem(title: "item 2", image: #imageLiteral(resourceName: "Baloon").withRenderingMode(.alwaysTemplate))
diff --git a/Example/Tests/Mocks/JJFloationgActionButtonDelegateMock.swift b/Example/Tests/Mocks/JJFloationgActionButtonDelegateMock.swift
index 6db642a0..6a353440 100644
--- a/Example/Tests/Mocks/JJFloationgActionButtonDelegateMock.swift
+++ b/Example/Tests/Mocks/JJFloationgActionButtonDelegateMock.swift
@@ -25,7 +25,6 @@
 @testable import JJFloatingActionButton
 
 class JJFloatingActionButtonDelegateMock: JJFloatingActionButtonDelegate {
-
     var willOpenCalled = false
     var didOpenCalled = false
     var willCloseCalled = false
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@2x.png
similarity index 100%
rename from Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@2x.png
rename to Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@2x.png
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@3x.png
similarity index 100%
rename from Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@3x.png
rename to Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_when_opened_and_closed@3x.png
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png
new file mode 100644
index 00000000..ab6fdea2
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png
similarity index 100%
rename from Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png
rename to Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png
new file mode 100644
index 00000000..9faca3e9
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png
similarity index 100%
rename from Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png
rename to Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png
new file mode 100644
index 00000000..e78761b7
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png
similarity index 100%
rename from Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png
rename to Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_slide_in_style__it_looks_correct@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_slide_in_style__it_looks_correct@2x.png
new file mode 100644
index 00000000..2af242af
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_slide_in_style__it_looks_correct@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_slide_in_style__it_looks_correct@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_slide_in_style__it_looks_correct@3x.png
new file mode 100644
index 00000000..d7e44d08
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_circular_slide_in_style__it_looks_correct@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@2x.png
new file mode 100644
index 00000000..e694b5c5
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@3x.png
new file mode 100644
index 00000000..3db4ed2f
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@2x.png
new file mode 100644
index 00000000..45e45371
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@3x.png
new file mode 100644
index 00000000..60bf1c8e
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@2x.png
new file mode 100644
index 00000000..151fa606
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@3x.png
new file mode 100644
index 00000000..fd0b8f94
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_scaled@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_scaled@2x.png
new file mode 100644
index 00000000..ec95ad78
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_scaled@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_scaled@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_scaled@3x.png
new file mode 100644
index 00000000..a69d8215
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_custom_item_animation_configuration__it_looks_correct_with_items_scaled@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@2x.png
new file mode 100644
index 00000000..e862fff1
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@2x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@3x.png
similarity index 100%
rename from Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@3x.png
rename to Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@3x.png
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_slide_in_style__it_looks_correct@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_slide_in_style__it_looks_correct@2x.png
new file mode 100644
index 00000000..e862fff1
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_slide_in_style__it_looks_correct@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_slide_in_style__it_looks_correct@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_slide_in_style__it_looks_correct@3x.png
new file mode 100644
index 00000000..2165cd0e
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton__when_using_slide_in_style__it_looks_correct@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png
new file mode 100644
index 00000000..37189840
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png
new file mode 100644
index 00000000..e27013bd
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_1_item@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png
new file mode 100644
index 00000000..54a88568
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png
new file mode 100644
index 00000000..1f6c0614
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_2_items@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png
new file mode 100644
index 00000000..ba039b20
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png
new file mode 100644
index 00000000..02102c27
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_circular_pop_up_style__it_looks_correct_with_3_items@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@2x.png
new file mode 100644
index 00000000..2bd54816
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@3x.png
new file mode 100644
index 00000000..6da7f451
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_circular_offset_items@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@2x.png
new file mode 100644
index 00000000..64782394
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@3x.png
new file mode 100644
index 00000000..1ced8f12
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_horizontal_offset@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@2x.png
new file mode 100644
index 00000000..e96615f3
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@3x.png
new file mode 100644
index 00000000..a87984de
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__when_using_custom_item_animation_configuration__it_looks_correct_with_items_offseted@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct@2x.png
new file mode 100644
index 00000000..5e487df5
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct@3x.png
new file mode 100644
index 00000000..539fdc75
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct@3x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct_with_slide_in_configuration@2x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct_with_slide_in_configuration@2x.png
new file mode 100644
index 00000000..ccd3b608
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct_with_slide_in_configuration@2x.png differ
diff --git a/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct_with_slide_in_configuration@3x.png b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct_with_slide_in_configuration@3x.png
new file mode 100644
index 00000000..971ade1a
Binary files /dev/null and b/Example/Tests/ReferenceImages/AnimationConfigurationSpec/JJFloatingActionButton_on_the_left__with_rtl_language__looks_correct_with_slide_in_configuration@3x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonPlacementSpec/JJFloatingActionButton__looks_correct_when_placed_in_view_controller_iPhone10_3_1_375x667@2x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonPlacementSpec/JJFloatingActionButton__looks_correct_when_placed_in_view_controller_iPhone10_3_1_375x667@2x.png
new file mode 100644
index 00000000..e8f101d2
Binary files /dev/null and b/Example/Tests/ReferenceImages/JJFloatingActionButtonPlacementSpec/JJFloatingActionButton__looks_correct_when_placed_in_view_controller_iPhone10_3_1_375x667@2x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonPlacementSpec/JJFloatingActionButton__looks_correct_when_placed_in_view_controller_iPhone11_2_812x375@3x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonPlacementSpec/JJFloatingActionButton__looks_correct_when_placed_in_view_controller_iPhone11_2_812x375@3x.png
new file mode 100644
index 00000000..9f5a7c13
Binary files /dev/null and b/Example/Tests/ReferenceImages/JJFloatingActionButtonPlacementSpec/JJFloatingActionButton__looks_correct_when_placed_in_view_controller_iPhone11_2_812x375@3x.png differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png
deleted file mode 100644
index 540fb8b5..00000000
Binary files a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_1_item@2x.png and /dev/null differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png
deleted file mode 100644
index 35ae3d15..00000000
Binary files a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_2_items@2x.png and /dev/null differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png
deleted file mode 100644
index 7b9dfa53..00000000
Binary files a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_circular_pop_up_style__it_looks_correct_with_3_items@2x.png and /dev/null differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@2x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@2x.png
deleted file mode 100644
index a7886039..00000000
Binary files a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton__when_using_pop_up_style__it_looks_correct@2x.png and /dev/null differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton_with_rtl_language__looks_correct@2x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton_with_rtl_language__looks_correct@2x.png
deleted file mode 100644
index dd8d9b44..00000000
Binary files a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton_with_rtl_language__looks_correct@2x.png and /dev/null differ
diff --git a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton_with_rtl_language__looks_correct@3x.png b/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton_with_rtl_language__looks_correct@3x.png
deleted file mode 100644
index 046a0f14..00000000
Binary files a/Example/Tests/ReferenceImages/JJFloatingActionButtonSpec/JJFloatingActionButton_with_rtl_language__looks_correct@3x.png and /dev/null differ
diff --git a/Example/Tests/UIColorExtensionsSpec.swift b/Example/Tests/UIColorExtensionsSpec.swift
index 816719d3..f2c698fb 100644
--- a/Example/Tests/UIColorExtensionsSpec.swift
+++ b/Example/Tests/UIColorExtensionsSpec.swift
@@ -27,11 +27,8 @@ import Nimble
 import Quick
 
 class UIColorExtensionsSpec: QuickSpec {
-
     override func spec() {
-
         describe("UIColor") {
-
             context("when light") {
                 var originalColor: UIColor!
                 var highlightedColor: UIColor!
@@ -42,7 +39,6 @@ class UIColorExtensionsSpec: QuickSpec {
                 }
 
                 it("has a lower brightness in highligted version") {
-
                     var originalBrightness = CGFloat(0)
                     originalColor.getHue(nil, saturation: nil, brightness: &originalBrightness, alpha: nil)
 
@@ -63,7 +59,6 @@ class UIColorExtensionsSpec: QuickSpec {
                 }
 
                 it("has a greater brightness in highligted version") {
-
                     var originalBrightness = CGFloat(0)
                     originalColor.getHue(nil, saturation: nil, brightness: &originalBrightness, alpha: nil)
 
diff --git a/Gemfile.lock b/Gemfile.lock
index fcca4e91..c06060f5 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -9,6 +9,7 @@ GEM
       tzinfo (~> 1.1)
     addressable (2.5.2)
       public_suffix (>= 2.0.2, < 4.0)
+    atomos (0.1.2)
     claide (1.0.2)
     clamp (0.6.5)
     cocoapods (1.4.0)
@@ -57,7 +58,7 @@ GEM
     fileutils (1.0.2)
     fourflusher (2.0.1)
     fuzzy_match (2.0.4)
-    gh_inspector (1.0.3)
+    gh_inspector (1.1.1)
     github_changelog_generator (1.14.3)
       activesupport
       faraday-http-cache
@@ -113,12 +114,13 @@ GEM
       colorize (~> 0.7)
       xcodeproj (~> 1.0)
     thread_safe (0.3.6)
-    tzinfo (1.2.4)
+    tzinfo (1.2.5)
       thread_safe (~> 0.1)
     xcinvoke (0.3.0)
       liferaft (~> 0.0.6)
-    xcodeproj (1.5.4)
+    xcodeproj (1.5.6)
       CFPropertyList (~> 2.3.3)
+      atomos (~> 0.1.2)
       claide (>= 1.0.2, < 2.0)
       colored2 (~> 3.1)
       nanaimo (~> 0.2.3)
diff --git a/Rakefile b/Rakefile
index 9e23f03b..77ba14b2 100644
--- a/Rakefile
+++ b/Rakefile
@@ -106,8 +106,8 @@ begin
   
   #-- Documentation ----------------------------------------------------------#
 
-  desc 'Build documentation'
-  task :build_documentation do
+  desc 'Generate documentation'
+  task :generate_documentation do
     generate_documentation
     test_documentation_coverage
   end
diff --git a/Sources/AnimationConfiguration.swift b/Sources/AnimationConfiguration.swift
new file mode 100644
index 00000000..2e0a7e78
--- /dev/null
+++ b/Sources/AnimationConfiguration.swift
@@ -0,0 +1,513 @@
+//
+//  AnimationConfiguration.swift
+//
+//  Copyright (c) 2017-Present Jochen Pfeiffer
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy
+//  of this software and associated documentation files (the "Software"), to deal
+//  in the Software without restriction, including without limitation the rights
+//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+//  copies of the Software, and to permit persons to whom the Software is
+//  furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in
+//  all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+//  THE SOFTWARE.
+//
+
+import Foundation
+
+// MARK: - JJAnimationSettings
+
+/// General animation configuration settings
+///
+@objc public class JJAnimationSettings: NSObject {
+    /// Duration of the animation.
+    /// Default is `0.3`
+    ///
+    @objc public var duration: TimeInterval = 0.3
+
+    /// Damping ratio of the animation.
+    /// Default is `0.55`
+    ///
+    /// - Remark: Not used for transitions.
+    ///
+    @objc public var dampingRatio: CGFloat = 0.55
+
+    /// Initial velocity of the animation.
+    /// Default is `0.3`
+    ///
+    /// - Remark: Not used for transitions.
+    ///
+    @objc public var initialVelocity: CGFloat = 0.3
+
+    /// Delay in between two item animations.
+    /// Default is `0.1`
+    ///
+    /// - Remark: Only used for item animations.
+    ///
+    @objc public var interItemDelay: TimeInterval = 0.1
+
+    /// Initializes and returns a newly allocated animation settings object with specified parameters.
+    ///
+    /// - Parameter duration: Duration of the animation. Default is `0.3`.
+    /// - Parameter dampingRatio: Damping ratio of the animation. Default is `0.55`
+    /// - Parameter initialVelocity: Initial velocity of the animation. Default is `0.3`
+    /// - Parameter interItemDelay: Delay in between two item animations. Default is `0.1`
+    ///
+    /// - Returns: An initialized animation settings object.
+    ///
+    @objc public convenience init(duration: TimeInterval = 0.3,
+                                  dampingRatio: CGFloat = 0.55,
+                                  initialVelocity: CGFloat = 0.3,
+                                  interItemDelay: TimeInterval = 0.1) {
+        self.init()
+        self.duration = duration
+        self.dampingRatio = dampingRatio
+        self.initialVelocity = initialVelocity
+        self.interItemDelay = interItemDelay
+    }
+}
+
+// MARK: - JJButtonAnimationConfiguration
+
+/// Button animation configuration
+///
+@objc public class JJButtonAnimationConfiguration: NSObject {
+    /// Initializes and returns a newly allocated button animation configuration object with the specified style.
+    ///
+    /// - Parameter style: The animation style.
+    ///
+    /// - Returns: An initialized button animation configuration object.
+    ///
+    @objc public init(withStyle style: JJButtonAnimationStyle) {
+        self.style = style
+    }
+
+    /// Button animation style
+    ///
+    @objc public enum JJButtonAnimationStyle: Int {
+        /// Rotate button image to given angle.
+        ///
+        case rotation
+
+        /// Transition to given image.
+        ///
+        case transition
+    }
+
+    /// Button animation style
+    /// Possible values:
+    ///   - `.rotation`
+    ///   - `.transition`
+    ///
+    @objc public let style: JJButtonAnimationStyle
+
+    /// The angle in radian the button will rotate to when opening.
+    ///
+    /// - Remark: Is ignored for style `.rotation`
+    ///
+    @objc public var angle: CGFloat = 0
+
+    /// The image button will transition to when opening.
+    ///
+    /// - Remark: Is ignored for style `.transition`
+    ///
+    @objc public var image: UIImage?
+
+    /// Animation settings for opening animation.
+    /// Default values are:
+    ///   - `duration = 0.3`
+    ///   - `dampingRatio = 0.55`
+    ///   - `initialVelocity = 0.3`
+    ///
+    @objc public lazy var opening = JJAnimationSettings(duration: 0.3, dampingRatio: 0.55, initialVelocity: 0.3)
+
+    /// Animation settings for closing animation.
+    /// Default values are:
+    ///   - `duration = 0.3`
+    ///   - `dampingRatio = 0.6`
+    ///   - `initialVelocity = 0.8`
+    ///
+    @objc public lazy var closing = JJAnimationSettings(duration: 0.3, dampingRatio: 0.6, initialVelocity: 0.8)
+}
+
+@objc public extension JJButtonAnimationConfiguration {
+    /// Returns a button animation configuration that rotates the button image by given angle.
+    ///
+    /// - Parameter angle: The angle in radian the button will rotate to when opening.
+    ///
+    /// - Returns: A button animation configuration object.
+    ///
+    @objc static func rotation(toAngle angle: CGFloat = -.pi / 4) -> JJButtonAnimationConfiguration {
+        let configuration = JJButtonAnimationConfiguration(withStyle: .rotation)
+        configuration.angle = angle
+        return configuration
+    }
+
+    /// Returns a button animation configuration that transitions to a given image.
+    ///
+    /// - Parameter image: The image button will transition to when opening.
+    ///
+    /// - Returns: A button animation configuration object.
+    ///
+    @objc static func transition(toImage image: UIImage) -> JJButtonAnimationConfiguration {
+        let configuration = JJButtonAnimationConfiguration(withStyle: .transition)
+        configuration.image = image
+        return configuration
+    }
+}
+
+// MARK: - JJItemAnimationConfiguration
+
+/// Item animation configuration
+///
+@objc public class JJItemAnimationConfiguration: NSObject {
+    /// Animation settings for opening animation.
+    /// Default values are:
+    ///   - `duration = 0.3`
+    ///   - `dampingRatio = 0.55`
+    ///   - `initialVelocity = 0.3`
+    ///   - `interItemDelay = 0.1`
+    ///
+    @objc public lazy var opening = JJAnimationSettings(duration: 0.3, dampingRatio: 0.55, initialVelocity: 0.3, interItemDelay: 0.1)
+
+    /// Animation settings for closing animation.
+    /// Default values are:
+    ///   - `duration = 0.3`
+    ///   - `dampingRatio = 0.6`
+    ///   - `initialVelocity = 0.8`
+    ///   - `interItemDelay = 0.1`
+    ///
+    @objc public lazy var closing = JJAnimationSettings(duration: 0.15, dampingRatio: 0.6, initialVelocity: 0.8, interItemDelay: 0.1)
+
+    /// Defines the layout of the acton items when opened.
+    /// Default is a layout in a vertical line with 12 points inter item spacing
+    ///
+    @objc public var itemLayout: JJItemLayout = .verticalLine()
+
+    /// Configures the items before opening. The change from open to closed state is animated.
+    /// Default is a scale by factor `0.4` and `item.alpha = 0`.
+    ///
+    @objc public var closedState: JJItemPreparation = .scale()
+
+    /// Configures the items for open state. The change from open to closed state is animated.
+    /// Default is `item.transform = .identity` and `item.alpha = 1`.
+    ///
+    @objc public var openState: JJItemPreparation = .identity()
+}
+
+@objc public extension JJItemAnimationConfiguration {
+    /// Returns an item animation configuration with
+    ///   - `itemLayout = .verticalLine()`
+    ///   - `closedState = .scale()`
+    ///
+    /// - Parameter interItemSpacing: The distance between two adjacent items.
+    ///
+    /// - Returns: An item animation configuration object.
+    ///
+    @objc static func popUp(withInterItemSpacing interItemSpacing: CGFloat = 12) -> JJItemAnimationConfiguration {
+        let configuration = JJItemAnimationConfiguration()
+        configuration.itemLayout = .verticalLine(withInterItemSpacing: interItemSpacing)
+        configuration.closedState = .scale()
+        return configuration
+    }
+
+    /// Returns an item animation configuration with
+    ///   - `itemLayout = .verticalLine()`
+    ///   - `closedState = .horizontalOffset()`
+    ///
+    /// - Parameter interItemSpacing: The distance between two adjacent items.
+    ///
+    /// - Returns: An item animation configuration object.
+    ///
+    @objc static func slideIn(withInterItemSpacing interItemSpacing: CGFloat = 12) -> JJItemAnimationConfiguration {
+        let configuration = JJItemAnimationConfiguration()
+        configuration.itemLayout = .verticalLine(withInterItemSpacing: interItemSpacing)
+        configuration.closedState = .horizontalOffset()
+        return configuration
+    }
+
+    /// Returns an item animation configuration with
+    ///   - `itemLayout = .circular()`
+    ///   - `closedState = .scale()`
+    ///
+    /// - Parameter radius: The distance between the center of an item and the center of the button itself.
+    ///
+    /// - Returns: An item animation configuration object.
+    ///
+    @objc static func circularPopUp(withRadius radius: CGFloat = 100) -> JJItemAnimationConfiguration {
+        let configuration = JJItemAnimationConfiguration()
+        configuration.itemLayout = .circular(withRadius: radius)
+        configuration.closedState = .scale()
+        configuration.opening.interItemDelay = 0.05
+        configuration.closing.interItemDelay = 0.05
+        return configuration
+    }
+
+    /// Returns an item animation configuration with
+    ///   - `itemLayout = .circular()`
+    ///   - `closedState = .circularOffset()`
+    ///
+    /// - Parameter radius: The distance between the center of an item and the center of the button itself.
+    ///
+    /// - Returns: An item animation configuration object.
+    ///
+    @objc static func circularSlideIn(withRadius radius: CGFloat = 100) -> JJItemAnimationConfiguration {
+        let configuration = JJItemAnimationConfiguration()
+        configuration.itemLayout = .circular(withRadius: radius)
+        configuration.closedState = .circularOffset(distance: radius * 0.75)
+        return configuration
+    }
+}
+
+// MARK: - JJItemLayout
+
+/// Item layout
+///
+@objc public class JJItemLayout: NSObject {
+    /// A closure that defines the layout of given action items relative to an action button.
+    ///
+    @objc public var layout: (_ items: [JJActionItem], _ actionButton: JJFloatingActionButton) -> Void
+
+    /// Initializes and returns a newly allocated item layout object with given layout closure.
+    ///
+    /// - Parameter layout: A closure that defines the the layout of given action items relative to an action button.
+    ///
+    /// - Returns: An initialized item layout object.
+    ///
+    @objc public init(layout: @escaping (_ items: [JJActionItem], _ actionButton: JJFloatingActionButton) -> Void) {
+        self.layout = layout
+    }
+
+    /// Returns an item layout object that places the items in a vertical line with given inter item spacing.
+    ///
+    /// - Parameter interItemSpacing: The distance between two adjacent items.
+    ///
+    /// - Returns: An item layout object.
+    ///
+    @objc static func verticalLine(withInterItemSpacing interItemSpacing: CGFloat = 12) -> JJItemLayout {
+        return JJItemLayout { items, actionButton in
+            var previousItem: JJActionItem?
+            for item in items {
+                let previousView = previousItem ?? actionButton
+                item.bottomAnchor.constraint(equalTo: previousView.topAnchor, constant: -interItemSpacing).isActive = true
+                item.circleView.centerXAnchor.constraint(equalTo: actionButton.centerXAnchor).isActive = true
+                previousItem = item
+            }
+        }
+    }
+
+    /// Returns an item layout object that places the items in a circle around the action button with given radius.
+    ///
+    /// - Parameter radius: The distance between the center of an item and the center of the button itself.
+    ///
+    /// - Returns: An item layout object.
+    ///
+    @objc static func circular(withRadius radius: CGFloat = 100) -> JJItemLayout {
+        return JJItemLayout { items, actionButton in
+            let numberOfItems = items.count
+            var index: Int = 0
+            for item in items {
+                let angle = JJItemAnimationConfiguration.angleForItem(at: index, numberOfItems: numberOfItems, actionButton: actionButton)
+                let dx = radius * cos(angle)
+                let dy = radius * sin(angle)
+
+                item.circleView.centerXAnchor.constraint(equalTo: actionButton.centerXAnchor, constant: dx).isActive = true
+                item.circleView.centerYAnchor.constraint(equalTo: actionButton.centerYAnchor, constant: dy).isActive = true
+
+                index += 1
+            }
+        }
+    }
+}
+
+// MARK: - JJItemPreparation
+
+/// Item preparation
+///
+@objc public class JJItemPreparation: NSObject {
+    /// A closure that prepares a given action item for animation.
+    ///
+    @objc public var prepare: (_ item: JJActionItem, _ index: Int, _ numberOfItems: Int, _ actionButton: JJFloatingActionButton) -> Void
+
+    /// Initializes and returns a newly allocated item preparation object with given prepare closure.
+    ///
+    /// - Parameter layout: A closure that defines the the layout of given action items relative to an action button.
+    ///
+    /// - Returns: An initialized item layout object.
+    ///
+    @objc public init(prepare: @escaping (
+        _ item: JJActionItem,
+        _ index: Int,
+        _ numberOfItems: Int,
+        _ actionButton: JJFloatingActionButton
+    ) -> Void) {
+        self.prepare = prepare
+    }
+
+    /// Returns an item preparation object that
+    ///   - sets `item.alpha` to `1` and
+    ///   - `item.transform` to `identitiy`.
+    ///
+    /// - Returns: An item preparation object.
+    ///
+    @objc static func identity() -> JJItemPreparation {
+        return JJItemPreparation { item, _, _, _ in
+            item.transform = .identity
+            item.alpha = 1
+        }
+    }
+
+    /// Returns an item preparation object that
+    ///   - sets `item.alpha` to `0` and
+    ///   - scales the item by given ratio.
+    ///
+    /// - Parameter ratio: The factor by which the item is scaled
+    ///
+    /// - Returns: An item preparation object.
+    ///
+    @objc static func scale(by ratio: CGFloat = 0.4) -> JJItemPreparation {
+        return JJItemPreparation { item, _, _, _ in
+            item.scale(by: ratio)
+            item.alpha = 0
+        }
+    }
+
+    /// Returns an item preparation object that
+    ///   - sets `item.alpha` to `0`,
+    ///   - offsets the item by given values and
+    ///   - scales the item by given ratio.
+    ///
+    /// - Parameter translationX: The value in points by which the item is offsetted horizontally
+    /// - Parameter translationY: The value in points by which the item is offsetted vertically
+    /// - Parameter scale: The factor by which the item is scaled
+    ///
+    /// - Returns: An item preparation object.
+    ///
+    @objc static func offset(translationX: CGFloat, translationY: CGFloat, scale: CGFloat = 0.4) -> JJItemPreparation {
+        return JJItemPreparation { item, _, _, _ in
+            item.scale(by: scale, translationX: translationX, translationY: translationY)
+            item.alpha = 0
+        }
+    }
+
+    /// Returns an item preparation object that
+    ///   - sets `item.alpha` to `0`,
+    ///   - offsets the item horizontally by given values.
+    ///
+    /// - Parameter distance: The value in points by which the item is offsetted horizontally
+    ///                       towards the closest vertical edge of the screen.
+    /// - Parameter scale: The factor by which the item is scaled
+    ///
+    /// - Remark: The item is offseted towards the closest vertical edge of the screen.
+    ///
+    /// - Returns: An item preparation object.
+    ///
+    @objc static func horizontalOffset(distance: CGFloat = 50, scale: CGFloat = 0.4) -> JJItemPreparation {
+        return JJItemPreparation { item, _, _, actionButton in
+            let translationX = actionButton.isOnLeftSideOfScreen ? -distance : distance
+            item.scale(by: scale, translationX: translationX)
+            item.alpha = 0
+        }
+    }
+
+    /// Returns an item preparation object that
+    ///   - sets `item.alpha` to `0`,
+    ///   - offsets the item horizontally by given values.
+    ///
+    /// - Parameter distance: The value in points by which the item is offsetted
+    ///                       towards the action button.
+    /// - Parameter scale: The factor by which the item is scaled
+    ///
+    /// - Remark: The item is offseted towards the action button.
+    ///
+    /// - Returns: An item preparation object.
+    ///
+    @objc static func circularOffset(distance: CGFloat = 50, scale: CGFloat = 0.4) -> JJItemPreparation {
+        return JJItemPreparation { item, index, numberOfItems, actionButton in
+            let itemAngle = JJItemAnimationConfiguration.angleForItem(at: index,
+                                                                      numberOfItems: numberOfItems,
+                                                                      actionButton: actionButton)
+            let transitionAngle = itemAngle + CGFloat.pi
+            let translationX = distance * cos(transitionAngle)
+            let translationY = distance * sin(transitionAngle)
+            item.scale(by: scale, translationX: translationX, translationY: translationY)
+            item.alpha = 0
+        }
+    }
+}
+
+// MARK: - Helper
+
+internal extension JJItemAnimationConfiguration {
+    static func angleForItem(at index: Int, numberOfItems: Int, actionButton: JJFloatingActionButton) -> CGFloat {
+        precondition(numberOfItems > 0)
+        precondition(index >= 0)
+        precondition(index < numberOfItems)
+
+        let startAngle: CGFloat = actionButton.isOnLeftSideOfScreen ? 2 * .pi : .pi
+        let endAngle: CGFloat = 1.5 * .pi
+
+        switch (numberOfItems, index) {
+        case (1, _):
+            return (startAngle + endAngle) / 2
+        case (2, 0):
+            return startAngle + 0.1 * (endAngle - startAngle)
+        case (2, 1):
+            return endAngle - 0.1 * (endAngle - startAngle)
+        default:
+            return startAngle + CGFloat(index) * (endAngle - startAngle) / (CGFloat(numberOfItems) - 1)
+        }
+    }
+}
+
+fileprivate extension JJActionItem {
+    func scale(by factor: CGFloat, translationX: CGFloat = 0, translationY: CGFloat = 0) {
+        let scale = scaleTransformation(factor: factor)
+        let translation = CGAffineTransform(translationX: translationX, y: translationY)
+        transform = scale.concatenating(translation)
+    }
+}
+
+fileprivate extension JJActionItem {
+    func scaleTransformation(factor: CGFloat) -> CGAffineTransform {
+        let scale = CGAffineTransform(scaleX: factor, y: factor)
+
+        let center = circleView.center
+        let circleCenterScaled = point(center, transformed: scale)
+        let translationX = center.x - circleCenterScaled.x
+        let translationY = center.y - circleCenterScaled.y
+        let translation = CGAffineTransform(translationX: translationX, y: translationY)
+        return scale.concatenating(translation)
+    }
+
+    func point(_ point: CGPoint, transformed transform: CGAffineTransform) -> CGPoint {
+        let anchorPoint = CGPoint(x: bounds.width * layer.anchorPoint.x, y: bounds.height * layer.anchorPoint.y)
+        let relativePoint = CGPoint(x: point.x - anchorPoint.x, y: point.y - anchorPoint.y)
+        let transformedPoint = relativePoint.applying(transform)
+        let result = CGPoint(x: anchorPoint.x + transformedPoint.x, y: anchorPoint.y + transformedPoint.y)
+        return result
+    }
+}
+
+internal extension UIView {
+    var isOnLeftSideOfScreen: Bool {
+        return isOnLeftSide(ofView: UIApplication.shared.keyWindow)
+    }
+
+    func isOnLeftSide(ofView superview: UIView?) -> Bool {
+        guard let superview = superview else {
+            return false
+        }
+        let point = convert(center, to: superview)
+        return point.x < superview.bounds.size.width / 2
+    }
+}
diff --git a/Sources/JJActionItem+Animations.swift b/Sources/JJActionItem+Animations.swift
deleted file mode 100644
index dc59879c..00000000
--- a/Sources/JJActionItem+Animations.swift
+++ /dev/null
@@ -1,50 +0,0 @@
-//
-//  JJActionItem+Animations.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import CoreGraphics
-import UIKit
-
-internal extension JJActionItem {
-
-    func scaled(point: CGPoint, factor: CGFloat) -> CGPoint {
-        let anchorPoint = CGPoint(x: bounds.width * layer.anchorPoint.x, y: bounds.height * layer.anchorPoint.y)
-        let scaledX = anchorPoint.x + (point.x - anchorPoint.x) * factor
-        let scaledY = anchorPoint.y + (point.y - anchorPoint.y) * factor
-        let scaled = CGPoint(x: scaledX, y: scaledY)
-        return scaled
-    }
-
-    func scale(factor: CGFloat = 0.4) {
-        let scale = CGAffineTransform(scaleX: factor, y: factor)
-
-        let circleCenter = circleView.center
-        let circleCenterScaled = scaled(point: circleCenter, factor: factor)
-        let translationX = circleCenter.x - circleCenterScaled.x
-        let translationY = circleCenter.y - circleCenterScaled.y
-        let translation = CGAffineTransform(translationX: translationX, y: translationY)
-
-        let scaleAndTranslation = scale.concatenating(translation)
-        transform = scaleAndTranslation
-    }
-}
diff --git a/Sources/JJActionItem+Appearance.swift b/Sources/JJActionItem+Appearance.swift
deleted file mode 100644
index bf2a5478..00000000
--- a/Sources/JJActionItem+Appearance.swift
+++ /dev/null
@@ -1,79 +0,0 @@
-//
-//  JJFloatingActionButton+Appearance.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-extension JJActionItem {
-
-    /// The shadow color of the floating action button.
-    /// Default is `UIColor.black`.
-    ///
-    @objc @IBInspectable dynamic var shadowColor: UIColor? {
-        get {
-            guard let cgColor = layer.shadowColor else {
-                return nil
-            }
-            return UIColor(cgColor: cgColor)
-        }
-        set {
-            layer.shadowColor = newValue?.cgColor
-        }
-    }
-
-    /// The shadow offset of the floating action button.
-    /// Default is `CGSize(width: 0, height: 1)`.
-    ///
-    @objc @IBInspectable dynamic var shadowOffset: CGSize {
-        get {
-            return layer.shadowOffset
-        }
-        set {
-            layer.shadowOffset = newValue
-        }
-    }
-
-    /// The shadow opacity of the floating action button.
-    /// Default is `0.4`.
-    ///
-    @objc @IBInspectable dynamic var shadowOpacity: Float {
-        get {
-            return layer.shadowOpacity
-        }
-        set {
-            layer.shadowOpacity = newValue
-        }
-    }
-
-    /// The shadow radius of the floating action button.
-    /// Default is `2`.
-    ///
-    @objc @IBInspectable dynamic var shadowRadius: CGFloat {
-        get {
-            return layer.shadowRadius
-        }
-        set {
-            layer.shadowRadius = newValue
-        }
-    }
-}
diff --git a/Sources/JJActionItem.swift b/Sources/JJActionItem.swift
index b46632ee..36abfa69 100644
--- a/Sources/JJActionItem.swift
+++ b/Sources/JJActionItem.swift
@@ -27,7 +27,6 @@ import UIKit
 /// The item view representing an action.
 ///
 @objc @IBDesignable open class JJActionItem: UIControl {
-
     /// The action that is executen when the item is pressed.
     /// Default is `nil`.
     ///
@@ -160,7 +159,6 @@ import UIKit
 // MARK: - UIView
 
 extension JJActionItem {
-
     /// Tells the view that its superview changed.
     ///
     open override func didMoveToSuperview() {
@@ -172,7 +170,6 @@ extension JJActionItem {
 // MARK: - UIControl
 
 extension JJActionItem {
-
     /// A Boolean value indicating whether the action item draws a highlight.
     ///
     open override var isHighlighted: Bool {
@@ -189,7 +186,6 @@ extension JJActionItem {
 // MARK: - Private Methods
 
 fileprivate extension JJActionItem {
-
     func setup() {
         backgroundColor = .clear
         isUserInteractionEnabled = true
diff --git a/Sources/JJActionItemTitlePosition.swift b/Sources/JJActionItemTitlePosition.swift
index 96d6699b..6b219ee0 100644
--- a/Sources/JJActionItemTitlePosition.swift
+++ b/Sources/JJActionItemTitlePosition.swift
@@ -27,7 +27,6 @@ import Foundation
 /// Action item title position.
 ///
 @objc public enum JJActionItemTitlePosition: Int {
-
     /// Place the title at the leading edge of the circle view.
     ///
     case leading
diff --git a/Sources/JJButtonAnimation.swift b/Sources/JJButtonAnimation.swift
deleted file mode 100644
index 34d9d105..00000000
--- a/Sources/JJButtonAnimation.swift
+++ /dev/null
@@ -1,31 +0,0 @@
-//
-//  JJButtonAnimation.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-internal protocol JJButtonAnimation {
-
-    func open(animated: Bool, group: DispatchGroup)
-    func close(animated: Bool, group: DispatchGroup)
-}
diff --git a/Sources/JJButtonRotationAnimation.swift b/Sources/JJButtonRotationAnimation.swift
deleted file mode 100644
index fa07b3ca..00000000
--- a/Sources/JJButtonRotationAnimation.swift
+++ /dev/null
@@ -1,65 +0,0 @@
-//
-//  JJButtonRotationAnimation.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-internal class JJButtonRotationAnimation {
-
-    let actionButton: JJFloatingActionButton
-    let angle: CGFloat
-
-    init(actionButton: JJFloatingActionButton, angle: CGFloat) {
-        self.actionButton = actionButton
-        self.angle = angle
-    }
-}
-
-extension JJButtonRotationAnimation: JJButtonAnimation {
-
-    func open(animated: Bool, group: DispatchGroup) {
-        let imageView = actionButton.imageView
-        let buttonAnimation: () -> Void = {
-            imageView.transform = CGAffineTransform(rotationAngle: self.angle)
-        }
-        UIView.animate(duration: 0.3,
-                       usingSpringWithDamping: 0.55,
-                       initialSpringVelocity: 0.3,
-                       animations: buttonAnimation,
-                       group: group,
-                       animated: animated)
-    }
-
-    func close(animated: Bool, group: DispatchGroup) {
-        let imageView = actionButton.imageView
-        let buttonAnimations: () -> Void = {
-            imageView.transform = CGAffineTransform(rotationAngle: 0)
-        }
-        UIView.animate(duration: 0.3,
-                       usingSpringWithDamping: 0.6,
-                       initialSpringVelocity: 0.8,
-                       animations: buttonAnimations,
-                       group: group,
-                       animated: animated)
-    }
-}
diff --git a/Sources/JJButtonTransitionAnimation.swift b/Sources/JJButtonTransitionAnimation.swift
deleted file mode 100644
index 0873c3da..00000000
--- a/Sources/JJButtonTransitionAnimation.swift
+++ /dev/null
@@ -1,65 +0,0 @@
-//
-//  JJButtonTransitionAnimation.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-internal class JJButtonTransitionAnimation {
-
-    let actionButton: JJFloatingActionButton
-    let openImage: UIImage
-    let closeImage: UIImage?
-
-    init(actionButton: JJFloatingActionButton, openImage: UIImage, closeImage: UIImage?) {
-        self.actionButton = actionButton
-        self.openImage = openImage
-        self.closeImage = closeImage
-    }
-}
-
-extension JJButtonTransitionAnimation: JJButtonAnimation {
-
-    func open(animated: Bool, group: DispatchGroup) {
-        let imageView = actionButton.imageView
-        let transition: () -> Void = {
-            imageView.image = self.openImage
-        }
-        UIView.transition(with: imageView,
-                          duration: 0.2,
-                          animations: transition,
-                          group: group,
-                          animated: animated)
-    }
-
-    func close(animated: Bool, group: DispatchGroup) {
-        let imageView = actionButton.imageView
-        let transition: () -> Void = {
-            imageView.image = self.closeImage
-        }
-        UIView.transition(with: imageView,
-                          duration: 0.2,
-                          animations: transition,
-                          group: group,
-                          animated: animated)
-    }
-}
diff --git a/Sources/JJCircleView.swift b/Sources/JJCircleView.swift
index 4cbc0a24..9de1c66e 100644
--- a/Sources/JJCircleView.swift
+++ b/Sources/JJCircleView.swift
@@ -27,10 +27,9 @@ import UIKit
 /// A colored circle with an highlighted state
 ///
 @objc @IBDesignable public class JJCircleView: UIView {
-
     /// The color of the circle.
     ///
-    @objc @IBInspectable public dynamic var color: UIColor = JJStyles.defaultButtonColor {
+    @objc @IBInspectable public dynamic var color: UIColor = Styles.defaultButtonColor {
         didSet {
             updateHighlightedColorFallback()
             setNeedsDisplay()
@@ -77,13 +76,12 @@ import UIKit
         drawCircle(inRect: bounds)
     }
 
-    fileprivate var highlightedColorFallback = JJStyles.defaultHighlightedButtonColor
+    fileprivate var highlightedColorFallback = Styles.defaultHighlightedButtonColor
 }
 
 // MARK: - Private Methods
 
 fileprivate extension JJCircleView {
-
     func setup() {
         backgroundColor = .clear
     }
diff --git a/Sources/JJFloatingActionButton+Animation.swift b/Sources/JJFloatingActionButton+Animation.swift
index 0b155f84..e6951e0c 100644
--- a/Sources/JJFloatingActionButton+Animation.swift
+++ b/Sources/JJFloatingActionButton+Animation.swift
@@ -24,45 +24,7 @@
 
 import UIKit
 
-public extension JJFloatingActionButton {
-
-    /// Opening style of the button itself.
-    ///
-    enum ButtonOpeningStyle {
-
-        /// When opening, the button is rotated.
-        ///
-        /// - Parameter angle: The angle in radian the button will rotate when opening.
-        ///
-        case rotate(angle: CGFloat)
-
-        /// When opening, the image view transitions to given image.
-        ///
-        /// - Parameter image: The image the button will show when opening.
-        ///
-        case transition(image: UIImage)
-    }
-
-    /// Opening style of the action items.
-    ///
-    enum ItemOpeningStyle {
-
-        /// When opening, items "pop up" one after the other in a vertical line.
-        ///
-        /// - Parameter interItemSpacing: The distance in points between two adjacent action items.
-        ///
-        case popUp(interItemSpacing: CGFloat)
-
-        /// When opening, items "pop up" one after the other in a circle around the action button.
-        ///
-        /// - Parameter radius: The distance in points between the center of an action item and the center of the button.
-        ///
-        case circularPop(radius: CGFloat)
-    }
-}
-
 @objc public extension JJFloatingActionButton {
-
     /// Open the floating action button and show all action items.
     ///
     /// - Parameter animated: When true, button will be opened with an animation. Default is `true`.
@@ -70,6 +32,9 @@ public extension JJFloatingActionButton {
     ///
     /// - Remark: Hidden items and items that have user interaction disabled are omitted.
     ///
+    /// - SeeAlso: `buttonAnimationConfiguration`
+    /// - SeeAlso: `itemAnimationConfiguration`
+    ///
     func open(animated: Bool = true, completion: (() -> Void)? = nil) {
         guard buttonState == .closed else {
             return
@@ -77,7 +42,7 @@ public extension JJFloatingActionButton {
         guard let superview = superview else {
             return
         }
-        guard !items.isEmpty else {
+        guard !enabledItems.isEmpty else {
             return
         }
         guard !isSingleActionButton else {
@@ -87,22 +52,21 @@ public extension JJFloatingActionButton {
         buttonState = .opening
         delegate?.floatingActionButtonWillOpen?(self)
 
-        buttonAnimation = currentButtonAnimation
-        itemAnimation = currentItemAnimation
+        storeAnimationState()
 
         superview.bringSubview(toFront: self)
         addOverlayView(to: superview)
-        superview.insertSubview(itemContainerView, belowSubview: self)
-
-        itemAnimation?.addItems(to: itemContainerView)
+        addItems(to: superview)
         itemContainerView.setNeedsLayout()
         itemContainerView.layoutIfNeeded()
 
         let animationGroup = DispatchGroup()
 
         showOverlay(animated: animated, group: animationGroup)
-        buttonAnimation?.open(animated: animated, group: animationGroup)
-        itemAnimation?.open(animated: animated, group: animationGroup)
+        openButton(withConfiguration: currentButtonAnimationConfiguration!,
+                   animated: animated,
+                   group: animationGroup)
+        openItems(animated: animated, group: animationGroup)
 
         let groupCompletion: () -> Void = {
             self.buttonState = .open
@@ -121,6 +85,9 @@ public extension JJFloatingActionButton {
     /// - Parameter animated: When true, button will be close with an animation. Default is `true`.
     /// - Parameter completion: Will be handled upon completion. Default is `nil`.
     ///
+    /// - SeeAlso: `buttonAnimationConfiguration`
+    /// - SeeAlso: `itemAnimationConfiguration`
+    ///
     func close(animated: Bool = true, completion: (() -> Void)? = nil) {
         guard buttonState == .open else {
             return
@@ -132,14 +99,17 @@ public extension JJFloatingActionButton {
         let animationGroup = DispatchGroup()
 
         hideOverlay(animated: animated, group: animationGroup)
-        buttonAnimation?.close(animated: animated, group: animationGroup)
-        itemAnimation?.close(animated: animated, group: animationGroup)
+        closeButton(withConfiguration: currentButtonAnimationConfiguration!,
+                    animated: animated,
+                    group: animationGroup)
+        closeItems(animated: animated, group: animationGroup)
 
         let groupCompletion: () -> Void = {
-            self.itemAnimation?.removeItems()
-            self.itemAnimation = nil
+            self.openItems.forEach { item in
+                item.removeFromSuperview()
+            }
+            self.resetAnimationState()
             self.itemContainerView.removeFromSuperview()
-            self.buttonAnimation = nil
             self.buttonState = .closed
             self.delegate?.floatingActionButtonDidClose?(self)
             completion?()
@@ -152,10 +122,25 @@ public extension JJFloatingActionButton {
     }
 }
 
-// MARK: - Animation
+// MARK: - Animation State
 
 fileprivate extension JJFloatingActionButton {
+    func storeAnimationState() {
+        openItems = enabledItems
+        currentItemAnimationConfiguration = itemAnimationConfiguration
+        currentButtonAnimationConfiguration = buttonAnimationConfiguration
+    }
 
+    func resetAnimationState() {
+        openItems.removeAll()
+        currentButtonAnimationConfiguration = nil
+        currentItemAnimationConfiguration = nil
+    }
+}
+
+// MARK: - Overlay Animation
+
+fileprivate extension JJFloatingActionButton {
     func addOverlayView(to superview: UIView) {
         overlayView.isEnabled = true
         superview.insertSubview(overlayView, belowSubview: self)
@@ -193,90 +178,150 @@ fileprivate extension JJFloatingActionButton {
                        group: group,
                        animated: animated)
     }
+}
+
+// MARK: - Button Animation
+
+fileprivate extension JJFloatingActionButton {
+    func openButton(withConfiguration configuration: JJButtonAnimationConfiguration,
+                    animated: Bool,
+                    group: DispatchGroup) {
+        switch configuration.style {
+        case .rotation:
+            rotateButton(toAngle: configuration.angle,
+                         settings: configuration.opening,
+                         group: group,
+                         animated: animated)
+        case .transition:
+            transistion(toImage: configuration.image,
+                        settings: configuration.opening,
+                        animated: animated,
+                        group: group)
+        }
+    }
 
-    var currentButtonAnimation: JJButtonAnimation {
-        let buttonAnimation: JJButtonAnimation
-        switch buttonOpeningStyle {
-        case let .rotate(angle):
-            buttonAnimation = JJButtonRotationAnimation(actionButton: self,
-                                                        angle: angle)
-        case let .transition(image):
-            buttonAnimation = JJButtonTransitionAnimation(actionButton: self,
-                                                          openImage: image,
-                                                          closeImage: currentButtonImage)
+    func closeButton(withConfiguration configuration: JJButtonAnimationConfiguration,
+                     animated: Bool,
+                     group: DispatchGroup) {
+        switch configuration.style {
+        case .rotation:
+            rotateButton(toAngle: 0,
+                         settings: configuration.closing,
+                         group: group,
+                         animated: animated)
+        case .transition:
+            transistion(toImage: currentButtonImage,
+                        settings: configuration.closing,
+                        animated: animated,
+                        group: group)
         }
-        return buttonAnimation
     }
 
-    var currentItemAnimation: JJItemAnimation {
-        let itemAnimation: JJItemAnimation
-        switch itemOpeningStyle {
-
-        case let .popUp(interItemSpacing):
-            itemAnimation = JJItemPopAnimation(actionButton: self,
-                                               items: enabledItems,
-                                               itemSizeRatio: itemSizeRatio,
-                                               interItemSpacing: interItemSpacing)
-        case let .circularPop(radius):
-            itemAnimation = JJItemCircularPopAnimation(actionButton: self,
-                                                       items: enabledItems,
-                                                       itemSizeRatio: itemSizeRatio,
-                                                       radius: radius)
+    func rotateButton(toAngle angle: CGFloat,
+                      settings: JJAnimationSettings,
+                      group: DispatchGroup,
+                      animated: Bool) {
+        let animation: () -> Void = {
+            self.imageView.transform = CGAffineTransform(rotationAngle: angle)
         }
 
-        return itemAnimation
+        UIView.animate(duration: settings.duration,
+                       usingSpringWithDamping: settings.dampingRatio,
+                       initialSpringVelocity: settings.initialVelocity,
+                       animations: animation,
+                       group: group,
+                       animated: animated)
+    }
+
+    func transistion(toImage image: UIImage?,
+                     settings: JJAnimationSettings,
+                     animated: Bool,
+                     group: DispatchGroup) {
+        let transition: () -> Void = {
+            self.imageView.image = image
+        }
+        UIView.transition(with: imageView,
+                          duration: settings.duration,
+                          animations: transition,
+                          group: group,
+                          animated: animated)
     }
 }
 
-// MARK: - Objective-C setters for opening styles
+// MARK: - Items Animation
 
-@objc public extension JJFloatingActionButton {
+fileprivate extension JJFloatingActionButton {
+    func addItems(to superview: UIView) {
+        precondition(currentItemAnimationConfiguration != nil)
+        let configuration = currentItemAnimationConfiguration!
 
-    /// Sets `buttonOpeningStyle` to `.rotate(angle:)` with given angle.
-    ///
-    /// - Parameter angle: The angle in radian the button will rotate when opening.
-    ///
-    /// - Remark: Should not be used in swift. Set `buttonOpeningStyle` directly instead.
-    ///
-    /// - SeeAlso: `buttonOpeningStyle`.
-    ///
-    func useButtonOpeningStyleRotate(angle: CGFloat) {
-        buttonOpeningStyle = .rotate(angle: angle)
-    }
+        superview.insertSubview(itemContainerView, belowSubview: self)
 
-    /// Sets `buttonOpeningStyle` to `.transition(image:)` with given image.
-    ///
-    /// - Parameter image: The image the button will show when opening.
-    ///
-    /// - Remark: Should not be used in swift. Set `buttonOpeningStyle` directly instead.
-    ///
-    /// - SeeAlso: `buttonOpeningStyle`.
-    ///
-    func useButtonOpeningStyleTransition(image: UIImage) {
-        buttonOpeningStyle = .transition(image: image)
+        openItems.forEach { item in
+            item.alpha = 0
+            item.transform = .identity
+            itemContainerView.addSubview(item)
+
+            item.translatesAutoresizingMaskIntoConstraints = false
+
+            item.circleView.heightAnchor.constraint(equalTo: circleView.heightAnchor,
+                                                    multiplier: itemSizeRatio).isActive = true
+
+            item.topAnchor.constraint(greaterThanOrEqualTo: itemContainerView.topAnchor).isActive = true
+            item.leadingAnchor.constraint(greaterThanOrEqualTo: itemContainerView.leadingAnchor).isActive = true
+            item.trailingAnchor.constraint(lessThanOrEqualTo: itemContainerView.trailingAnchor).isActive = true
+            item.bottomAnchor.constraint(lessThanOrEqualTo: itemContainerView.bottomAnchor).isActive = true
+        }
+
+        configuration.itemLayout.layout(openItems, self)
     }
 
-    /// Sets `itemOpeningStyle` to `.popUp(interItemSpacing:)` with given inter item spacing.
-    ///
-    /// - Parameter interItemSpacing: The distance in points between two adjacent action items.
-    ///
-    /// - Remark: Should not be used in swift. Set `itemOpeningStyle` directly instead.
-    ///
-    /// - SeeAlso: `itemOpeningStyle`.
-    ///
-    func useItemOpeningStylePopUp(interItemSpacing: CGFloat) {
-        itemOpeningStyle = .popUp(interItemSpacing: interItemSpacing)
+    func openItems(animated: Bool, group: DispatchGroup) {
+        precondition(currentItemAnimationConfiguration != nil)
+        let configuration = currentItemAnimationConfiguration!
+
+        let numberOfItems = openItems.count
+        var delay: TimeInterval = 0.0
+        var index = 0
+        for item in openItems {
+            configuration.closedState.prepare(item, index, numberOfItems, self)
+            let animation: () -> Void = {
+                configuration.openState.prepare(item, index, numberOfItems, self)
+            }
+            UIView.animate(duration: configuration.opening.duration,
+                           delay: delay,
+                           usingSpringWithDamping: configuration.opening.dampingRatio,
+                           initialSpringVelocity: configuration.opening.initialVelocity,
+                           animations: animation,
+                           group: group,
+                           animated: animated)
+
+            delay += configuration.opening.interItemDelay
+            index += 1
+        }
     }
 
-    /// Sets `itemOpeningStyle` to `.circularPop(radius:)` with given radius.
-    ///
-    /// - Parameter radius: The distance in points between the center of an action item and the center of the button.
-    ///
-    /// - Remark: Should not be used in swift. Set `itemOpeningStyle` directly instead.
-    ///
-    /// - SeeAlso: `itemOpeningStyle`.
-    ///
-    func useItemOpeningStyleCircularPop(radius: CGFloat) {
-        itemOpeningStyle = .circularPop(radius: radius)
+    func closeItems(animated: Bool, group: DispatchGroup) {
+        precondition(currentItemAnimationConfiguration != nil)
+        let configuration = currentItemAnimationConfiguration!
+
+        let numberOfItems = openItems.count
+        var delay: TimeInterval = 0.0
+        var index = numberOfItems - 1
+        for item in openItems.reversed() {
+            let animation: () -> Void = {
+                configuration.closedState.prepare(item, index, numberOfItems, self)
+            }
+            UIView.animate(duration: configuration.closing.duration,
+                           delay: delay,
+                           usingSpringWithDamping: configuration.closing.dampingRatio,
+                           initialSpringVelocity: configuration.closing.initialVelocity,
+                           animations: animation,
+                           group: group,
+                           animated: animated)
+
+            delay += configuration.closing.interItemDelay
+            index -= 1
+        }
     }
 }
diff --git a/Sources/JJFloatingActionButton+Placement.swift b/Sources/JJFloatingActionButton+Placement.swift
index fbf3ddd4..aba2df74 100644
--- a/Sources/JJFloatingActionButton+Placement.swift
+++ b/Sources/JJFloatingActionButton+Placement.swift
@@ -25,7 +25,6 @@
 import UIKit
 
 @objc public extension JJFloatingActionButton {
-
     /// Add floating action button to a given superview and place in trailing bottom corner.
     ///
     /// - Parameter superview: The view to which the floating action button is added as a subview.
diff --git a/Sources/JJFloatingActionButton.swift b/Sources/JJFloatingActionButton.swift
index ae60caf7..ad35edc5 100644
--- a/Sources/JJFloatingActionButton.swift
+++ b/Sources/JJFloatingActionButton.swift
@@ -41,7 +41,6 @@ import UIKit
 ///   ````
 ///
 @objc @IBDesignable public class JJFloatingActionButton: UIControl {
-
     /// The delegate object for the floating action button.
     ///
     @objc public weak var delegate: JJFloatingActionButtonDelegate?
@@ -91,7 +90,7 @@ import UIKit
     /// The image displayed on the button by default.
     /// When only one `JJActionItem` is added and `handleSingleActionDirectly` is enabled,
     /// the image from the item is shown istead.
-    /// When set to `nil` an image of a plus is used.
+    /// When set to `nil` an image of a plus sign is used.
     /// Default is `nil`.
     ///
     /// - SeeAlso: `imageView`
@@ -124,28 +123,20 @@ import UIKit
     @objc @IBInspectable public dynamic var itemSizeRatio: CGFloat = 0.75
 
     /// The opening style of the floating action button itself.
-    /// Possible values are
-    ///   - `.rotate(image:)`
-    ///   - `.transition(radius:)`
-    ///
-    /// - Warning: Not accessible from Objective-C because its type cannot be represented in Objective-C.
+    /// Default is `JJButtonAnimationConfiguration.rotation()`
     ///
-    /// - SeeAlso: `useButtonOpeningStyleRotate(angle:)`
-    /// - SeeAlso: `useButtonOpeningStyleTransition(image:)`
+    /// - SeeAlso: `JJButtonAnimationConfiguration`
+    /// - SeeAlso: `itemAnimationConfiguration`
     ///
-    public var buttonOpeningStyle: ButtonOpeningStyle = .rotate(angle: -.pi / 4)
+    public var buttonAnimationConfiguration: JJButtonAnimationConfiguration = .rotation()
 
     /// The opening style of the action items.
-    /// Possible values are
-    ///   - `.popUp(interItemSpacing:)`
-    ///   - `.circularPop(radius:)`
-    ///
-    /// - Warning: Not accessible from Objective-C because its type cannot be represented in Objective-C.
+    /// Default is `JJItemAnimationConfiguration.popUp()`
     ///
-    /// - SeeAlso: `useItemOpeningStylePopUp(interItemSpacing:)`
-    /// - SeeAlso: `useItemOpeningStyleCircularPop(radius:)`
+    /// - SeeAlso: `JJItemAnimationConfiguration`
+    /// - SeeAlso: `buttonAnimationConfiguration`
     ///
-    public var itemOpeningStyle: ItemOpeningStyle = .popUp(interItemSpacing: 12)
+    public var itemAnimationConfiguration: JJItemAnimationConfiguration = .popUp()
 
     /// When enabled and only one action item is added, the floating action button will not open,
     /// but the action from the action item will be executed direclty when the button is tapped.
@@ -177,7 +168,7 @@ import UIKit
     @objc public fileprivate(set) lazy var circleView: JJCircleView = {
         let view = JJCircleView()
         view.isUserInteractionEnabled = false
-        view.color = JJStyles.defaultButtonColor
+        view.color = Styles.defaultButtonColor
         return view
     }()
 
@@ -194,7 +185,7 @@ import UIKit
         let imageView = UIImageView()
         imageView.isUserInteractionEnabled = false
         imageView.backgroundColor = .clear
-        imageView.tintColor = JJStyles.defaultButtonImageColor
+        imageView.tintColor = Styles.defaultButtonImageColor
         imageView.contentMode = .scaleAspectFit
         return imageView
     }()
@@ -206,7 +197,7 @@ import UIKit
     @objc public fileprivate(set) lazy var overlayView: UIControl = {
         let control = UIControl()
         control.isUserInteractionEnabled = true
-        control.backgroundColor = JJStyles.defaultOverlayColor
+        control.backgroundColor = Styles.defaultOverlayColor
         control.addTarget(self, action: #selector(overlayViewWasTapped), for: .touchUpInside)
         control.isEnabled = false
         control.alpha = 0
@@ -247,9 +238,9 @@ import UIKit
         return view
     }()
 
-    internal var buttonAnimation: JJButtonAnimation?
-
-    internal var itemAnimation: JJItemAnimation?
+    internal var currentButtonAnimationConfiguration: JJButtonAnimationConfiguration?
+    internal var currentItemAnimationConfiguration: JJItemAnimationConfiguration?
+    internal var openItems: [JJActionItem] = []
 
     fileprivate var defaultItemConfiguration: ((JJActionItem) -> Void)?
 }
@@ -257,7 +248,6 @@ import UIKit
 // MARK: - Public Methods
 
 @objc public extension JJFloatingActionButton {
-
     /// Add an action item with title, image and action to the list of items.
     /// The item will be pre configured with the default values.
     ///
@@ -333,7 +323,6 @@ import UIKit
 // MARK: - UIControl
 
 extension JJFloatingActionButton {
-
     /// A Boolean value indicating whether the action button draws a highlight.
     ///
     open override var isHighlighted: Bool {
@@ -350,7 +339,6 @@ extension JJFloatingActionButton {
 // MARK: - UIView
 
 extension JJFloatingActionButton {
-
     /// The natural size for the floating action button.
     ///
     open override var intrinsicContentSize: CGSize {
@@ -361,14 +349,13 @@ extension JJFloatingActionButton {
 // MARK: - Setup
 
 fileprivate extension JJFloatingActionButton {
-
     func setup() {
         backgroundColor = .clear
         clipsToBounds = false
         isUserInteractionEnabled = true
         addTarget(self, action: #selector(buttonWasTapped), for: .touchUpInside)
 
-        layer.shadowColor = JJStyles.defaultShadowColor.cgColor
+        layer.shadowColor = Styles.defaultShadowColor.cgColor
         layer.shadowOffset = CGSize(width: 0, height: 1)
         layer.shadowOpacity = 0.4
         layer.shadowRadius = 2
@@ -420,14 +407,13 @@ fileprivate extension JJFloatingActionButton {
 // MARK: - Helper
 
 internal extension JJFloatingActionButton {
-
     var currentButtonImage: UIImage? {
         if isSingleActionButton, let image = enabledItems.first?.imageView.image {
             return image
         }
 
         if buttonImage == nil {
-            buttonImage = JJStyles.plusImage
+            buttonImage = Styles.plusImage
         }
 
         return buttonImage
@@ -441,7 +427,6 @@ internal extension JJFloatingActionButton {
 // MARK: - Actions
 
 fileprivate extension JJFloatingActionButton {
-
     @objc func buttonWasTapped() {
         switch buttonState {
         case .open:
diff --git a/Sources/JJFloatingActionButtonDelegate.swift b/Sources/JJFloatingActionButtonDelegate.swift
index fb3f26ab..92f7aca2 100644
--- a/Sources/JJFloatingActionButtonDelegate.swift
+++ b/Sources/JJFloatingActionButtonDelegate.swift
@@ -27,7 +27,6 @@ import Foundation
 /// Floating action button delegate protocol
 ///
 @objc public protocol JJFloatingActionButtonDelegate {
-
     /// Is called before opening animation. Button state is .opening.
     ///
     @objc optional func floatingActionButtonWillOpen(_ button: JJFloatingActionButton)
diff --git a/Sources/JJFloatingActionButtonState.swift b/Sources/JJFloatingActionButtonState.swift
index 6f368bb6..2f55ad94 100644
--- a/Sources/JJFloatingActionButtonState.swift
+++ b/Sources/JJFloatingActionButtonState.swift
@@ -27,7 +27,6 @@ import Foundation
 /// Button state.
 ///
 @objc public enum JJFloatingActionButtonState: Int {
-
     /// No items are visible
     ///
     case closed
diff --git a/Sources/JJItemAnimation.swift b/Sources/JJItemAnimation.swift
deleted file mode 100644
index 1bfcc15d..00000000
--- a/Sources/JJItemAnimation.swift
+++ /dev/null
@@ -1,33 +0,0 @@
-//
-//  JJItemAnimation.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-internal protocol JJItemAnimation {
-
-    func addItems(to containerView: UIView)
-    func open(animated: Bool, group: DispatchGroup)
-    func close(animated: Bool, group: DispatchGroup)
-    func removeItems()
-}
diff --git a/Sources/JJItemCircularPopAnimation.swift b/Sources/JJItemCircularPopAnimation.swift
deleted file mode 100644
index 7b0b8002..00000000
--- a/Sources/JJItemCircularPopAnimation.swift
+++ /dev/null
@@ -1,141 +0,0 @@
-//
-//  JJItemCircularPopAnimation.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-internal class JJItemCircularPopAnimation {
-
-    let actionButton: JJFloatingActionButton
-    let items: [JJActionItem]
-    let itemSizeRatio: CGFloat
-    let radius: CGFloat
-
-    init(actionButton: JJFloatingActionButton, items: [JJActionItem], itemSizeRatio: CGFloat, radius: CGFloat) {
-        self.actionButton = actionButton
-        self.items = items
-        self.itemSizeRatio = itemSizeRatio
-        self.radius = radius
-    }
-}
-
-extension JJItemCircularPopAnimation: JJItemAnimation {
-
-    func addItems(to containerView: UIView) {
-        let numberOfItems = items.count
-
-        var index = 0
-        for item in items {
-            item.alpha = 0
-            item.transform = .identity
-            containerView.addSubview(item)
-
-            item.translatesAutoresizingMaskIntoConstraints = false
-            item.circleView.heightAnchor.constraint(equalTo: actionButton.circleView.heightAnchor,
-                                                    multiplier: itemSizeRatio).isActive = true
-            item.leadingAnchor.constraint(greaterThanOrEqualTo: containerView.leadingAnchor).isActive = true
-            item.trailingAnchor.constraint(lessThanOrEqualTo: containerView.trailingAnchor).isActive = true
-            item.bottomAnchor.constraint(lessThanOrEqualTo: containerView.bottomAnchor).isActive = true
-            item.topAnchor.constraint(greaterThanOrEqualTo: containerView.topAnchor).isActive = true
-
-            let angle = angleForItem(at: index, numberOfItems: numberOfItems)
-            let dx = radius * cos(angle)
-            let dy = radius * sin(angle)
-
-            item.circleView.centerXAnchor.constraint(equalTo: actionButton.circleView.centerXAnchor, constant: dx).isActive = true
-            item.circleView.centerYAnchor.constraint(equalTo: actionButton.circleView.centerYAnchor, constant: dy).isActive = true
-
-            index += 1
-        }
-    }
-
-    func open(animated: Bool, group: DispatchGroup) {
-        var delay = 0.0
-        for item in items {
-            item.scale()
-            let animation: () -> Void = {
-                item.transform = .identity
-                item.alpha = 1
-            }
-            UIView.animate(duration: 0.3,
-                           delay: delay,
-                           usingSpringWithDamping: 0.55,
-                           initialSpringVelocity: 0.3,
-                           animations: animation,
-                           group: group,
-                           animated: animated)
-
-            delay += 0.1
-        }
-    }
-
-    func close(animated: Bool, group: DispatchGroup) {
-        var delay = 0.0
-        for item in items.reversed() {
-            let animation: () -> Void = {
-                item.scale()
-                item.alpha = 0
-            }
-            UIView.animate(duration: 0.15,
-                           delay: delay,
-                           usingSpringWithDamping: 0.6,
-                           initialSpringVelocity: 0.8,
-                           animations: animation,
-                           group: group,
-                           animated: animated)
-
-            delay += 0.1
-        }
-    }
-
-    func removeItems() {
-        items.forEach { item in
-            item.removeFromSuperview()
-        }
-    }
-}
-
-// MARK: - Helper
-
-fileprivate extension JJItemCircularPopAnimation {
-
-    func angleForItem(at index: Int, numberOfItems: Int) -> CGFloat {
-        let minAngle = CGFloat.pi
-        let maxAngle = CGFloat.pi * 1.5
-
-        var interItemAngle: CGFloat
-        switch numberOfItems {
-        case 1:
-            interItemAngle = 0
-        case 2:
-            interItemAngle = (maxAngle - minAngle) * 0.8
-        default:
-            interItemAngle = (maxAngle - minAngle) / (CGFloat(numberOfItems) - 1)
-        }
-
-        let marginAngle = ((maxAngle - minAngle) - interItemAngle * (CGFloat(numberOfItems) - 1)) / 2
-        let angle = minAngle + marginAngle + CGFloat(index) * interItemAngle
-
-        return angle
-    }
-}
diff --git a/Sources/JJItemPopAnimation.swift b/Sources/JJItemPopAnimation.swift
deleted file mode 100644
index 3d2c8345..00000000
--- a/Sources/JJItemPopAnimation.swift
+++ /dev/null
@@ -1,111 +0,0 @@
-//
-//  JJItemPopAnimation.swift
-//
-//  Copyright (c) 2017-Present Jochen Pfeiffer
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in
-//  all copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-//  THE SOFTWARE.
-//
-
-import UIKit
-
-internal class JJItemPopAnimation {
-
-    let actionButton: JJFloatingActionButton
-    let items: [JJActionItem]
-    let itemSizeRatio: CGFloat
-    let interItemSpacing: CGFloat
-
-    init(actionButton: JJFloatingActionButton, items: [JJActionItem], itemSizeRatio: CGFloat, interItemSpacing: CGFloat) {
-        self.actionButton = actionButton
-        self.items = items
-        self.itemSizeRatio = itemSizeRatio
-        self.interItemSpacing = interItemSpacing
-    }
-}
-
-extension JJItemPopAnimation: JJItemAnimation {
-
-    func addItems(to containerView: UIView) {
-
-        var previousItem: JJActionItem?
-        for item in items {
-            let previousView = previousItem ?? actionButton.circleView
-            item.alpha = 0
-            item.transform = .identity
-            containerView.addSubview(item)
-
-            item.translatesAutoresizingMaskIntoConstraints = false
-            item.circleView.heightAnchor.constraint(equalTo: actionButton.circleView.heightAnchor,
-                                                    multiplier: itemSizeRatio).isActive = true
-            item.bottomAnchor.constraint(equalTo: previousView.topAnchor, constant: -interItemSpacing).isActive = true
-            item.circleView.centerXAnchor.constraint(equalTo: actionButton.circleView.centerXAnchor).isActive = true
-            item.topAnchor.constraint(greaterThanOrEqualTo: containerView.topAnchor).isActive = true
-            item.leadingAnchor.constraint(greaterThanOrEqualTo: containerView.leadingAnchor).isActive = true
-            item.trailingAnchor.constraint(lessThanOrEqualTo: containerView.trailingAnchor).isActive = true
-            item.bottomAnchor.constraint(lessThanOrEqualTo: containerView.bottomAnchor).isActive = true
-
-            previousItem = item
-        }
-    }
-
-    func open(animated: Bool, group: DispatchGroup) {
-        var delay = 0.0
-        for item in items {
-            item.scale()
-            let animation: () -> Void = {
-                item.transform = .identity
-                item.alpha = 1
-            }
-            UIView.animate(duration: 0.3,
-                           delay: delay,
-                           usingSpringWithDamping: 0.55,
-                           initialSpringVelocity: 0.3,
-                           animations: animation,
-                           group: group,
-                           animated: animated)
-
-            delay += 0.1
-        }
-    }
-
-    func close(animated: Bool, group: DispatchGroup) {
-        var delay = 0.0
-        for item in items.reversed() {
-            let animation: () -> Void = {
-                item.scale()
-                item.alpha = 0
-            }
-            UIView.animate(duration: 0.15,
-                           delay: delay,
-                           usingSpringWithDamping: 0.6,
-                           initialSpringVelocity: 0.8,
-                           animations: animation,
-                           group: group,
-                           animated: animated)
-
-            delay += 0.1
-        }
-    }
-
-    func removeItems() {
-        items.forEach { item in
-            item.removeFromSuperview()
-        }
-    }
-}
diff --git a/Sources/JJFloatingActionButton+Appearance.swift b/Sources/LayerProperties.swift
similarity index 65%
rename from Sources/JJFloatingActionButton+Appearance.swift
rename to Sources/LayerProperties.swift
index 01617710..e247f158 100644
--- a/Sources/JJFloatingActionButton+Appearance.swift
+++ b/Sources/LayerProperties.swift
@@ -1,5 +1,5 @@
 //
-//  JJFloatingActionButton+Appearance.swift
+//  LayerProperties.swift
 //
 //  Copyright (c) 2017-Present Jochen Pfeiffer
 //
@@ -25,7 +25,6 @@
 import UIKit
 
 public extension JJFloatingActionButton {
-
     /// The shadow color of the floating action button.
     /// Default is `UIColor.black`.
     ///
@@ -77,3 +76,56 @@ public extension JJFloatingActionButton {
         }
     }
 }
+
+extension JJActionItem {
+    /// The shadow color of the action item.
+    /// Default is `UIColor.black`.
+    ///
+    @objc @IBInspectable dynamic var shadowColor: UIColor? {
+        get {
+            guard let cgColor = layer.shadowColor else {
+                return nil
+            }
+            return UIColor(cgColor: cgColor)
+        }
+        set {
+            layer.shadowColor = newValue?.cgColor
+        }
+    }
+
+    /// The shadow offset of the action item.
+    /// Default is `CGSize(width: 0, height: 1)`.
+    ///
+    @objc @IBInspectable dynamic var shadowOffset: CGSize {
+        get {
+            return layer.shadowOffset
+        }
+        set {
+            layer.shadowOffset = newValue
+        }
+    }
+
+    /// The shadow opacity of the action item.
+    /// Default is `0.4`.
+    ///
+    @objc @IBInspectable dynamic var shadowOpacity: Float {
+        get {
+            return layer.shadowOpacity
+        }
+        set {
+            layer.shadowOpacity = newValue
+        }
+    }
+
+    /// The shadow radius of the action item.
+    /// Default is `2`.
+    ///
+    @objc @IBInspectable dynamic var shadowRadius: CGFloat {
+        get {
+            return layer.shadowRadius
+        }
+        set {
+            layer.shadowRadius = newValue
+        }
+    }
+}
diff --git a/Sources/JJStyles.swift b/Sources/Styles.swift
similarity index 97%
rename from Sources/JJStyles.swift
rename to Sources/Styles.swift
index 37c5a55d..8e89999a 100644
--- a/Sources/JJStyles.swift
+++ b/Sources/Styles.swift
@@ -1,5 +1,5 @@
 //
-//  JJStyles.swift
+//  Styles.swift
 //
 //  Copyright (c) 2017-Present Jochen Pfeiffer
 //
@@ -24,13 +24,12 @@
 
 import UIKit
 
-internal struct JJStyles {
+internal struct Styles {
 }
 
 // MARK: - Colors
 
-internal extension JJStyles {
-
+internal extension Styles {
     static var defaultButtonColor: UIColor {
         return UIColor(hue: 0.31, saturation: 0.37, brightness: 0.76, alpha: 1.00)
     }
@@ -54,8 +53,7 @@ internal extension JJStyles {
 
 // MARK: - Images
 
-internal extension JJStyles {
-
+internal extension Styles {
     static var plusImage: UIImage? {
         return drawImage(name: "plus", size: CGSize(width: 24, height: 24)) {
             let bezierPath = UIBezierPath()
@@ -104,8 +102,7 @@ internal extension JJStyles {
 
 // MARK: - Helper
 
-fileprivate extension JJStyles {
-
+fileprivate extension Styles {
     static var cache = NSCache<NSString, UIImage>()
 
     static func drawImage(name: NSString,
diff --git a/Sources/UIColor+JJFloatingActionButton.swift b/Sources/UIColor+JJFloatingActionButton.swift
index 91d036bb..b69c92f9 100644
--- a/Sources/UIColor+JJFloatingActionButton.swift
+++ b/Sources/UIColor+JJFloatingActionButton.swift
@@ -25,7 +25,6 @@
 import UIKit
 
 internal extension UIColor {
-
     var highlighted: UIColor {
         var hue = CGFloat(0)
         var satuaration = CGFloat(0)
diff --git a/Sources/UIView+JJFloatingActionButton.swift b/Sources/UIView+JJFloatingActionButton.swift
index 71a3f450..37dacf4b 100644
--- a/Sources/UIView+JJFloatingActionButton.swift
+++ b/Sources/UIView+JJFloatingActionButton.swift
@@ -25,7 +25,6 @@
 import UIKit
 
 internal extension UIView {
-
     class func animate(duration: TimeInterval,
                        delay: TimeInterval = 0,
                        usingSpringWithDamping dampingRatio: CGFloat,
@@ -35,7 +34,6 @@ internal extension UIView {
                        completion: ((Bool) -> Void)? = nil,
                        group: DispatchGroup? = nil,
                        animated: Bool = true) {
-
         let groupedAnimations: () -> Void = {
             group?.enter()
             animations()
@@ -66,7 +64,6 @@ internal extension UIView {
                           completion: ((Bool) -> Swift.Void)? = nil,
                           group: DispatchGroup? = nil,
                           animated: Bool = true) {
-
         let groupedAnimations: () -> Void = {
             group?.enter()
             animations?()
diff --git a/docs/Classes/JJFloatingActionButton.html b/docs/Classes/JJFloatingActionButton.html
index 72d485e1..958f0693 100644
--- a/docs/Classes/JJFloatingActionButton.html
+++ b/docs/Classes/JJFloatingActionButton.html
@@ -351,9 +351,9 @@ <h4>Declaration</h4>
                 <li class="item">
                   <div>
                     <code>
-                    <a name="/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov"></a>
-                    <a name="//apple_ref/swift/Property/buttonOpeningStyle" class="dashAnchor"></a>
-                    <a class="token" href="#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a>
+                    <a name="/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov"></a>
+                    <a name="//apple_ref/swift/Property/buttonAnimationConfiguration" class="dashAnchor"></a>
+                    <a class="token" href="#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a>
                     </code>
                   </div>
                   <div class="height-container">
@@ -386,7 +386,7 @@ <h4>Declaration</h4>
                         <h4>Declaration</h4>
                         <div class="language">
                           <p class="aside-title">Swift</p>
-                          <pre class="highlight swift"><code><span class="kd">public</span> <span class="k">var</span> <span class="nv">buttonOpeningStyle</span><span class="p">:</span> <span class="kt"><a href="../Classes/JJFloatingActionButton/ButtonOpeningStyle.html">ButtonOpeningStyle</a></span> <span class="o">=</span> <span class="o">.</span><span class="nf">rotate</span><span class="p">(</span><span class="nv">angle</span><span class="p">:</span> <span class="o">-.</span><span class="n">pi</span> <span class="o">/</span> <span class="mi">4</span><span class="p">)</span></code></pre>
+                          <pre class="highlight swift"><code><span class="kd">public</span> <span class="k">var</span> <span class="nv">buttonAnimationConfiguration</span><span class="p">:</span> <span class="kt"><a href="../Classes/JJFloatingActionButton/ButtonOpeningStyle.html">ButtonOpeningStyle</a></span> <span class="o">=</span> <span class="o">.</span><span class="nf">rotate</span><span class="p">(</span><span class="nv">angle</span><span class="p">:</span> <span class="o">-.</span><span class="n">pi</span> <span class="o">/</span> <span class="mi">4</span><span class="p">)</span></code></pre>
 
                         </div>
                       </div>
@@ -924,15 +924,15 @@ <h4>Parameters</h4>
                     <section class="section">
                       <div class="pointer"></div>
                       <div class="abstract">
-                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> to <code>.rotate(angle:)</code> with given angle.</p>
+                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> to <code>.rotate(angle:)</code> with given angle.</p>
 <div class="aside aside-remark">
     <p class="aside-title">Remark</p>
-    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> directly instead.</p>
+    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> directly instead.</p>
 
 </div>
 <div class="aside aside-see-also">
     <p class="aside-title">See also</p>
-    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code>.</p>
+    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code>.</p>
 
 </div>
 
@@ -980,15 +980,15 @@ <h4>Parameters</h4>
                     <section class="section">
                       <div class="pointer"></div>
                       <div class="abstract">
-                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> to <code>.transition(image:)</code> with given image.</p>
+                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> to <code>.transition(image:)</code> with given image.</p>
 <div class="aside aside-remark">
     <p class="aside-title">Remark</p>
-    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> directly instead.</p>
+    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> directly instead.</p>
 
 </div>
 <div class="aside aside-see-also">
     <p class="aside-title">See also</p>
-    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code>.</p>
+    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code>.</p>
 
 </div>
 
diff --git a/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/Classes/JJFloatingActionButton.html b/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/Classes/JJFloatingActionButton.html
index 72d485e1..958f0693 100644
--- a/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/Classes/JJFloatingActionButton.html
+++ b/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/Classes/JJFloatingActionButton.html
@@ -351,9 +351,9 @@ <h4>Declaration</h4>
                 <li class="item">
                   <div>
                     <code>
-                    <a name="/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov"></a>
-                    <a name="//apple_ref/swift/Property/buttonOpeningStyle" class="dashAnchor"></a>
-                    <a class="token" href="#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a>
+                    <a name="/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov"></a>
+                    <a name="//apple_ref/swift/Property/buttonAnimationConfiguration" class="dashAnchor"></a>
+                    <a class="token" href="#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a>
                     </code>
                   </div>
                   <div class="height-container">
@@ -386,7 +386,7 @@ <h4>Declaration</h4>
                         <h4>Declaration</h4>
                         <div class="language">
                           <p class="aside-title">Swift</p>
-                          <pre class="highlight swift"><code><span class="kd">public</span> <span class="k">var</span> <span class="nv">buttonOpeningStyle</span><span class="p">:</span> <span class="kt"><a href="../Classes/JJFloatingActionButton/ButtonOpeningStyle.html">ButtonOpeningStyle</a></span> <span class="o">=</span> <span class="o">.</span><span class="nf">rotate</span><span class="p">(</span><span class="nv">angle</span><span class="p">:</span> <span class="o">-.</span><span class="n">pi</span> <span class="o">/</span> <span class="mi">4</span><span class="p">)</span></code></pre>
+                          <pre class="highlight swift"><code><span class="kd">public</span> <span class="k">var</span> <span class="nv">buttonAnimationConfiguration</span><span class="p">:</span> <span class="kt"><a href="../Classes/JJFloatingActionButton/ButtonOpeningStyle.html">ButtonOpeningStyle</a></span> <span class="o">=</span> <span class="o">.</span><span class="nf">rotate</span><span class="p">(</span><span class="nv">angle</span><span class="p">:</span> <span class="o">-.</span><span class="n">pi</span> <span class="o">/</span> <span class="mi">4</span><span class="p">)</span></code></pre>
 
                         </div>
                       </div>
@@ -924,15 +924,15 @@ <h4>Parameters</h4>
                     <section class="section">
                       <div class="pointer"></div>
                       <div class="abstract">
-                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> to <code>.rotate(angle:)</code> with given angle.</p>
+                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> to <code>.rotate(angle:)</code> with given angle.</p>
 <div class="aside aside-remark">
     <p class="aside-title">Remark</p>
-    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> directly instead.</p>
+    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> directly instead.</p>
 
 </div>
 <div class="aside aside-see-also">
     <p class="aside-title">See also</p>
-    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code>.</p>
+    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code>.</p>
 
 </div>
 
@@ -980,15 +980,15 @@ <h4>Parameters</h4>
                     <section class="section">
                       <div class="pointer"></div>
                       <div class="abstract">
-                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> to <code>.transition(image:)</code> with given image.</p>
+                        <p>Sets <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> to <code>.transition(image:)</code> with given image.</p>
 <div class="aside aside-remark">
     <p class="aside-title">Remark</p>
-    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code> directly instead.</p>
+    <p>Should not be used in swift. Set <code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code> directly instead.</p>
 
 </div>
 <div class="aside aside-see-also">
     <p class="aside-title">See also</p>
-    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov">buttonOpeningStyle</a></code>.</p>
+    <p><code><a href="../Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov">buttonAnimationConfiguration</a></code>.</p>
 
 </div>
 
diff --git a/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/index.html b/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/index.html
index 41ad758a..1b8e32c3 100644
--- a/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/index.html
+++ b/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/index.html
@@ -186,7 +186,7 @@ <h3 id='configuration' class='heading'>Configuration</h3>
 <span class="n">actionButton</span><span class="o">.</span><span class="n">buttonColor</span> <span class="o">=</span> <span class="o">.</span><span class="n">red</span>
 <span class="n">actionButton</span><span class="o">.</span><span class="n">buttonImageColor</span> <span class="o">=</span> <span class="o">.</span><span class="n">white</span>
 
-<span class="n">actionButton</span><span class="o">.</span><span class="n">buttonOpeningStyle</span> <span class="o">=</span> <span class="o">.</span><span class="nf">transition</span><span class="p">(</span><span class="nv">image</span><span class="p">:</span> <span class="kt">UIImage</span><span class="p">(</span><span class="nv">named</span><span class="p">:</span> <span class="s">"X"</span><span class="p">))</span>
+<span class="n">actionButton</span><span class="o">.</span><span class="n">buttonAnimationConfiguration</span> <span class="o">=</span> <span class="o">.</span><span class="nf">transition</span><span class="p">(</span><span class="nv">image</span><span class="p">:</span> <span class="kt">UIImage</span><span class="p">(</span><span class="nv">named</span><span class="p">:</span> <span class="s">"X"</span><span class="p">))</span>
 <span class="n">actionButton</span><span class="o">.</span><span class="n">itemOpeningStyle</span> <span class="o">=</span> <span class="o">.</span><span class="nf">popUp</span><span class="p">(</span><span class="nv">interItemSpacing</span><span class="p">:</span> <span class="mi">14</span><span class="p">)</span>
 
 <span class="n">actionButton</span><span class="o">.</span><span class="n">layer</span><span class="o">.</span><span class="n">shadowColor</span> <span class="o">=</span> <span class="kt">UIColor</span><span class="o">.</span><span class="n">black</span><span class="o">.</span><span class="n">cgColor</span>
diff --git a/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/search.json b/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/search.json
index dae0da73..96b69033 100644
--- a/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/search.json
+++ b/docs/docsets/JJFloatingActionButton.docset/Contents/Resources/Documents/search.json
@@ -1 +1 @@
-{"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillOpen:":{"name":"floatingActionButtonWillOpen(_:)","abstract":"<p>Is called before opening animation. Button state is .opening.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidOpen:":{"name":"floatingActionButtonDidOpen(_:)","abstract":"<p>Is called after opening animation. Button state is .opened.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillClose:":{"name":"floatingActionButtonWillClose(_:)","abstract":"<p>Is called before closing animation. Button state is .closing.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidClose:":{"name":"floatingActionButtonDidClose(_:)","abstract":"<p>Is called after closing animation. Button state is .closed.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html":{"name":"JJFloatingActionButtonDelegate","abstract":"<p>Floating action button delegate protocol</p>"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosed":{"name":"closed","abstract":"<p>No items are visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpen":{"name":"open","abstract":"<p>Items are fully visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpening":{"name":"opening","abstract":"<p>During opening animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosing":{"name":"closing","abstract":"<p>During closing animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html":{"name":"JJFloatingActionButtonState","abstract":"<p>Button state.</p>"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO5popUpAD12CoreGraphics7CGFloatV05interD7Spacing_tcADmF":{"name":"popUp","abstract":"<p>When opening, items <q>pop up</q> one after the other in a vertical line.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO11circularPopAD12CoreGraphics7CGFloatV6radius_tcADmF":{"name":"circularPop","abstract":"<p>When opening, items <q>pop up</q> one after the other in a circle around the action button.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO6rotateAD12CoreGraphics7CGFloatV5angle_tcADmF":{"name":"rotate","abstract":"<p>When opening, the button is rotated.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO10transitionADSo7UIImageC5image_tcADmF":{"name":"transition","abstract":"<p>When opening, the image view transitions to given image.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)delegate":{"name":"delegate","abstract":"<p>The delegate object for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)items":{"name":"items","abstract":"<p>The list of action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonColor":{"name":"buttonColor","abstract":"<p>The background color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The background color of the floating action button with highlighted state.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed on the button by default.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)itemSizeRatio":{"name":"itemSizeRatio","abstract":"<p>The size of an action item in relation to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov":{"name":"buttonOpeningStyle","abstract":"<p>The opening style of the floating action button itself.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov":{"name":"itemOpeningStyle","abstract":"<p>The opening style of the action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)handleSingleActionDirectly":{"name":"handleSingleActionDirectly","abstract":"<p>When enabled and only one action item is added, the floating action button will not open,","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonState":{"name":"buttonState","abstract":"<p>The current state of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)circleView":{"name":"circleView","abstract":"<p>The round background view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)imageView":{"name":"imageView","abstract":"<p>The image view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)overlayView":{"name":"overlayView","abstract":"<p>The overlay view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithFrame:":{"name":"init(frame:)","abstract":"<p>Initializes and returns a newly allocated floating action button object with the specified frame rectangle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html":{"name":"ButtonOpeningStyle","abstract":"<p>Opening style of the button itself.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html":{"name":"ItemOpeningStyle","abstract":"<p>Opening style of the action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)openWithAnimated:completion:":{"name":"open(animated:completion:)","abstract":"<p>Open the floating action button and show all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)closeWithAnimated:completion:":{"name":"close(animated:completion:)","abstract":"<p>Close the floating action button and hide all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleRotateWithAngle:":{"name":"useButtonOpeningStyleRotate(angle:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov\">buttonOpeningStyle</a></code> to <code>.rotate(angle:)</code> with given angle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleTransitionWithImage:":{"name":"useButtonOpeningStyleTransition(image:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov\">buttonOpeningStyle</a></code> to <code>.transition(image:)</code> with given image.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStylePopUpWithInterItemSpacing:":{"name":"useItemOpeningStylePopUp(interItemSpacing:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.popUp(interItemSpacing:)</code> with given inter item spacing.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStyleCircularPopWithRadius:":{"name":"useItemOpeningStyleCircularPop(radius:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.circularPop(radius:)</code> with given radius.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowColor":{"name":"shadowColor","abstract":"<p>The shadow color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOffset":{"name":"shadowOffset","abstract":"<p>The shadow offset of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOpacity":{"name":"shadowOpacity","abstract":"<p>The shadow opacity of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowRadius":{"name":"shadowRadius","abstract":"<p>The shadow radius of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInView:viewInset:safeAreaInset:":{"name":"display(inView:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a given superview and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInViewController:viewInset:safeAreaInset:":{"name":"display(inViewController:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a view of a given view controller and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItemWithTitle:image:action:":{"name":"addItem(title:image:action:)","abstract":"<p>Add an action item with title, image and action to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItem:":{"name":"addItem(_:)","abstract":"<p>Add an action item to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)configureDefaultItem:":{"name":"configureDefaultItem(_:)","abstract":"<p>Calls the given closure on each item that is or was added to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)enabledItems":{"name":"enabledItems","abstract":"<p>All items that will be shown when floating action button ist opened.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action button draws a highlight.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)intrinsicContentSize":{"name":"intrinsicContentSize","abstract":"<p>The natural size for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)color":{"name":"color","abstract":"<p>The color of the circle.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)highlightedColor":{"name":"highlightedColor","abstract":"<p>The color of the circle when highlighted. Default is <code>nil</code>.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)isHighlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the circle view draws a highlight.","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)drawRect:":{"name":"draw(_:)","abstract":"<p>Draws the receiver’s image within the passed-in rectangle","parent_name":"JJCircleView"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)action":{"name":"action","abstract":"<p>The action that is executen when the item is pressed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonColor":{"name":"buttonColor","abstract":"<p>The color of action item circle view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The color of action item circle view with highlighted state.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed by the item.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)titleLabel":{"name":"titleLabel","abstract":"<p>The title label of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)imageView":{"name":"imageView","abstract":"<p>The image view of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)circleView":{"name":"circleView","abstract":"<p>The background circle of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(im)didMoveToSuperview":{"name":"didMoveToSuperview()","abstract":"<p>Tells the view that its superview changed.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action item draws a highlight.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html":{"name":"JJActionItem","abstract":"<p>The item view representing an action.</p>"},"Classes/JJCircleView.html":{"name":"JJCircleView","abstract":"<p>A colored circle with an highlighted state</p>"},"Classes/JJFloatingActionButton.html":{"name":"JJFloatingActionButton","abstract":"<p>A floating action button.</p>"},"Classes.html":{"name":"Classes","abstract":"<p>The following classes are available globally.</p>"},"Enums.html":{"name":"Enumerations","abstract":"<p>The following enumerations are available globally.</p>"},"Protocols.html":{"name":"Protocols","abstract":"<p>The following protocols are available globally.</p>"}}
\ No newline at end of file
+{"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillOpen:":{"name":"floatingActionButtonWillOpen(_:)","abstract":"<p>Is called before opening animation. Button state is .opening.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidOpen:":{"name":"floatingActionButtonDidOpen(_:)","abstract":"<p>Is called after opening animation. Button state is .opened.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillClose:":{"name":"floatingActionButtonWillClose(_:)","abstract":"<p>Is called before closing animation. Button state is .closing.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidClose:":{"name":"floatingActionButtonDidClose(_:)","abstract":"<p>Is called after closing animation. Button state is .closed.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html":{"name":"JJFloatingActionButtonDelegate","abstract":"<p>Floating action button delegate protocol</p>"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosed":{"name":"closed","abstract":"<p>No items are visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpen":{"name":"open","abstract":"<p>Items are fully visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpening":{"name":"opening","abstract":"<p>During opening animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosing":{"name":"closing","abstract":"<p>During closing animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html":{"name":"JJFloatingActionButtonState","abstract":"<p>Button state.</p>"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO5popUpAD12CoreGraphics7CGFloatV05interD7Spacing_tcADmF":{"name":"popUp","abstract":"<p>When opening, items <q>pop up</q> one after the other in a vertical line.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO11circularPopAD12CoreGraphics7CGFloatV6radius_tcADmF":{"name":"circularPop","abstract":"<p>When opening, items <q>pop up</q> one after the other in a circle around the action button.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO6rotateAD12CoreGraphics7CGFloatV5angle_tcADmF":{"name":"rotate","abstract":"<p>When opening, the button is rotated.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO10transitionADSo7UIImageC5image_tcADmF":{"name":"transition","abstract":"<p>When opening, the image view transitions to given image.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)delegate":{"name":"delegate","abstract":"<p>The delegate object for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)items":{"name":"items","abstract":"<p>The list of action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonColor":{"name":"buttonColor","abstract":"<p>The background color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The background color of the floating action button with highlighted state.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed on the button by default.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)itemSizeRatio":{"name":"itemSizeRatio","abstract":"<p>The size of an action item in relation to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov":{"name":"buttonAnimationConfiguration","abstract":"<p>The opening style of the floating action button itself.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov":{"name":"itemOpeningStyle","abstract":"<p>The opening style of the action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)handleSingleActionDirectly":{"name":"handleSingleActionDirectly","abstract":"<p>When enabled and only one action item is added, the floating action button will not open,","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonState":{"name":"buttonState","abstract":"<p>The current state of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)circleView":{"name":"circleView","abstract":"<p>The round background view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)imageView":{"name":"imageView","abstract":"<p>The image view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)overlayView":{"name":"overlayView","abstract":"<p>The overlay view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithFrame:":{"name":"init(frame:)","abstract":"<p>Initializes and returns a newly allocated floating action button object with the specified frame rectangle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html":{"name":"ButtonOpeningStyle","abstract":"<p>Opening style of the button itself.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html":{"name":"ItemOpeningStyle","abstract":"<p>Opening style of the action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)openWithAnimated:completion:":{"name":"open(animated:completion:)","abstract":"<p>Open the floating action button and show all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)closeWithAnimated:completion:":{"name":"close(animated:completion:)","abstract":"<p>Close the floating action button and hide all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleRotateWithAngle:":{"name":"useButtonOpeningStyleRotate(angle:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov\">buttonAnimationConfiguration</a></code> to <code>.rotate(angle:)</code> with given angle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleTransitionWithImage:":{"name":"useButtonOpeningStyleTransition(image:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov\">buttonAnimationConfiguration</a></code> to <code>.transition(image:)</code> with given image.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStylePopUpWithInterItemSpacing:":{"name":"useItemOpeningStylePopUp(interItemSpacing:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.popUp(interItemSpacing:)</code> with given inter item spacing.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStyleCircularPopWithRadius:":{"name":"useItemOpeningStyleCircularPop(radius:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.circularPop(radius:)</code> with given radius.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowColor":{"name":"shadowColor","abstract":"<p>The shadow color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOffset":{"name":"shadowOffset","abstract":"<p>The shadow offset of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOpacity":{"name":"shadowOpacity","abstract":"<p>The shadow opacity of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowRadius":{"name":"shadowRadius","abstract":"<p>The shadow radius of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInView:viewInset:safeAreaInset:":{"name":"display(inView:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a given superview and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInViewController:viewInset:safeAreaInset:":{"name":"display(inViewController:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a view of a given view controller and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItemWithTitle:image:action:":{"name":"addItem(title:image:action:)","abstract":"<p>Add an action item with title, image and action to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItem:":{"name":"addItem(_:)","abstract":"<p>Add an action item to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)configureDefaultItem:":{"name":"configureDefaultItem(_:)","abstract":"<p>Calls the given closure on each item that is or was added to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)enabledItems":{"name":"enabledItems","abstract":"<p>All items that will be shown when floating action button ist opened.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action button draws a highlight.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)intrinsicContentSize":{"name":"intrinsicContentSize","abstract":"<p>The natural size for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)color":{"name":"color","abstract":"<p>The color of the circle.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)highlightedColor":{"name":"highlightedColor","abstract":"<p>The color of the circle when highlighted. Default is <code>nil</code>.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)isHighlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the circle view draws a highlight.","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)drawRect:":{"name":"draw(_:)","abstract":"<p>Draws the receiver’s image within the passed-in rectangle","parent_name":"JJCircleView"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)action":{"name":"action","abstract":"<p>The action that is executen when the item is pressed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonColor":{"name":"buttonColor","abstract":"<p>The color of action item circle view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The color of action item circle view with highlighted state.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed by the item.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)titleLabel":{"name":"titleLabel","abstract":"<p>The title label of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)imageView":{"name":"imageView","abstract":"<p>The image view of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)circleView":{"name":"circleView","abstract":"<p>The background circle of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(im)didMoveToSuperview":{"name":"didMoveToSuperview()","abstract":"<p>Tells the view that its superview changed.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action item draws a highlight.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html":{"name":"JJActionItem","abstract":"<p>The item view representing an action.</p>"},"Classes/JJCircleView.html":{"name":"JJCircleView","abstract":"<p>A colored circle with an highlighted state</p>"},"Classes/JJFloatingActionButton.html":{"name":"JJFloatingActionButton","abstract":"<p>A floating action button.</p>"},"Classes.html":{"name":"Classes","abstract":"<p>The following classes are available globally.</p>"},"Enums.html":{"name":"Enumerations","abstract":"<p>The following enumerations are available globally.</p>"},"Protocols.html":{"name":"Protocols","abstract":"<p>The following protocols are available globally.</p>"}}
diff --git a/docs/index.html b/docs/index.html
index 41ad758a..1b8e32c3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -186,7 +186,7 @@ <h3 id='configuration' class='heading'>Configuration</h3>
 <span class="n">actionButton</span><span class="o">.</span><span class="n">buttonColor</span> <span class="o">=</span> <span class="o">.</span><span class="n">red</span>
 <span class="n">actionButton</span><span class="o">.</span><span class="n">buttonImageColor</span> <span class="o">=</span> <span class="o">.</span><span class="n">white</span>
 
-<span class="n">actionButton</span><span class="o">.</span><span class="n">buttonOpeningStyle</span> <span class="o">=</span> <span class="o">.</span><span class="nf">transition</span><span class="p">(</span><span class="nv">image</span><span class="p">:</span> <span class="kt">UIImage</span><span class="p">(</span><span class="nv">named</span><span class="p">:</span> <span class="s">"X"</span><span class="p">))</span>
+<span class="n">actionButton</span><span class="o">.</span><span class="n">buttonAnimationConfiguration</span> <span class="o">=</span> <span class="o">.</span><span class="nf">transition</span><span class="p">(</span><span class="nv">image</span><span class="p">:</span> <span class="kt">UIImage</span><span class="p">(</span><span class="nv">named</span><span class="p">:</span> <span class="s">"X"</span><span class="p">))</span>
 <span class="n">actionButton</span><span class="o">.</span><span class="n">itemOpeningStyle</span> <span class="o">=</span> <span class="o">.</span><span class="nf">popUp</span><span class="p">(</span><span class="nv">interItemSpacing</span><span class="p">:</span> <span class="mi">14</span><span class="p">)</span>
 
 <span class="n">actionButton</span><span class="o">.</span><span class="n">layer</span><span class="o">.</span><span class="n">shadowColor</span> <span class="o">=</span> <span class="kt">UIColor</span><span class="o">.</span><span class="n">black</span><span class="o">.</span><span class="n">cgColor</span>
diff --git a/docs/search.json b/docs/search.json
index dae0da73..96b69033 100644
--- a/docs/search.json
+++ b/docs/search.json
@@ -1 +1 @@
-{"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillOpen:":{"name":"floatingActionButtonWillOpen(_:)","abstract":"<p>Is called before opening animation. Button state is .opening.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidOpen:":{"name":"floatingActionButtonDidOpen(_:)","abstract":"<p>Is called after opening animation. Button state is .opened.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillClose:":{"name":"floatingActionButtonWillClose(_:)","abstract":"<p>Is called before closing animation. Button state is .closing.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidClose:":{"name":"floatingActionButtonDidClose(_:)","abstract":"<p>Is called after closing animation. Button state is .closed.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html":{"name":"JJFloatingActionButtonDelegate","abstract":"<p>Floating action button delegate protocol</p>"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosed":{"name":"closed","abstract":"<p>No items are visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpen":{"name":"open","abstract":"<p>Items are fully visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpening":{"name":"opening","abstract":"<p>During opening animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosing":{"name":"closing","abstract":"<p>During closing animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html":{"name":"JJFloatingActionButtonState","abstract":"<p>Button state.</p>"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO5popUpAD12CoreGraphics7CGFloatV05interD7Spacing_tcADmF":{"name":"popUp","abstract":"<p>When opening, items <q>pop up</q> one after the other in a vertical line.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO11circularPopAD12CoreGraphics7CGFloatV6radius_tcADmF":{"name":"circularPop","abstract":"<p>When opening, items <q>pop up</q> one after the other in a circle around the action button.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO6rotateAD12CoreGraphics7CGFloatV5angle_tcADmF":{"name":"rotate","abstract":"<p>When opening, the button is rotated.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO10transitionADSo7UIImageC5image_tcADmF":{"name":"transition","abstract":"<p>When opening, the image view transitions to given image.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)delegate":{"name":"delegate","abstract":"<p>The delegate object for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)items":{"name":"items","abstract":"<p>The list of action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonColor":{"name":"buttonColor","abstract":"<p>The background color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The background color of the floating action button with highlighted state.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed on the button by default.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)itemSizeRatio":{"name":"itemSizeRatio","abstract":"<p>The size of an action item in relation to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov":{"name":"buttonOpeningStyle","abstract":"<p>The opening style of the floating action button itself.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov":{"name":"itemOpeningStyle","abstract":"<p>The opening style of the action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)handleSingleActionDirectly":{"name":"handleSingleActionDirectly","abstract":"<p>When enabled and only one action item is added, the floating action button will not open,","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonState":{"name":"buttonState","abstract":"<p>The current state of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)circleView":{"name":"circleView","abstract":"<p>The round background view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)imageView":{"name":"imageView","abstract":"<p>The image view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)overlayView":{"name":"overlayView","abstract":"<p>The overlay view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithFrame:":{"name":"init(frame:)","abstract":"<p>Initializes and returns a newly allocated floating action button object with the specified frame rectangle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html":{"name":"ButtonOpeningStyle","abstract":"<p>Opening style of the button itself.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html":{"name":"ItemOpeningStyle","abstract":"<p>Opening style of the action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)openWithAnimated:completion:":{"name":"open(animated:completion:)","abstract":"<p>Open the floating action button and show all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)closeWithAnimated:completion:":{"name":"close(animated:completion:)","abstract":"<p>Close the floating action button and hide all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleRotateWithAngle:":{"name":"useButtonOpeningStyleRotate(angle:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov\">buttonOpeningStyle</a></code> to <code>.rotate(angle:)</code> with given angle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleTransitionWithImage:":{"name":"useButtonOpeningStyleTransition(image:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonOpeningStyleAB0ceF0Ov\">buttonOpeningStyle</a></code> to <code>.transition(image:)</code> with given image.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStylePopUpWithInterItemSpacing:":{"name":"useItemOpeningStylePopUp(interItemSpacing:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.popUp(interItemSpacing:)</code> with given inter item spacing.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStyleCircularPopWithRadius:":{"name":"useItemOpeningStyleCircularPop(radius:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.circularPop(radius:)</code> with given radius.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowColor":{"name":"shadowColor","abstract":"<p>The shadow color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOffset":{"name":"shadowOffset","abstract":"<p>The shadow offset of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOpacity":{"name":"shadowOpacity","abstract":"<p>The shadow opacity of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowRadius":{"name":"shadowRadius","abstract":"<p>The shadow radius of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInView:viewInset:safeAreaInset:":{"name":"display(inView:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a given superview and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInViewController:viewInset:safeAreaInset:":{"name":"display(inViewController:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a view of a given view controller and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItemWithTitle:image:action:":{"name":"addItem(title:image:action:)","abstract":"<p>Add an action item with title, image and action to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItem:":{"name":"addItem(_:)","abstract":"<p>Add an action item to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)configureDefaultItem:":{"name":"configureDefaultItem(_:)","abstract":"<p>Calls the given closure on each item that is or was added to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)enabledItems":{"name":"enabledItems","abstract":"<p>All items that will be shown when floating action button ist opened.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action button draws a highlight.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)intrinsicContentSize":{"name":"intrinsicContentSize","abstract":"<p>The natural size for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)color":{"name":"color","abstract":"<p>The color of the circle.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)highlightedColor":{"name":"highlightedColor","abstract":"<p>The color of the circle when highlighted. Default is <code>nil</code>.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)isHighlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the circle view draws a highlight.","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)drawRect:":{"name":"draw(_:)","abstract":"<p>Draws the receiver’s image within the passed-in rectangle","parent_name":"JJCircleView"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)action":{"name":"action","abstract":"<p>The action that is executen when the item is pressed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonColor":{"name":"buttonColor","abstract":"<p>The color of action item circle view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The color of action item circle view with highlighted state.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed by the item.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)titleLabel":{"name":"titleLabel","abstract":"<p>The title label of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)imageView":{"name":"imageView","abstract":"<p>The image view of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)circleView":{"name":"circleView","abstract":"<p>The background circle of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(im)didMoveToSuperview":{"name":"didMoveToSuperview()","abstract":"<p>Tells the view that its superview changed.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action item draws a highlight.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html":{"name":"JJActionItem","abstract":"<p>The item view representing an action.</p>"},"Classes/JJCircleView.html":{"name":"JJCircleView","abstract":"<p>A colored circle with an highlighted state</p>"},"Classes/JJFloatingActionButton.html":{"name":"JJFloatingActionButton","abstract":"<p>A floating action button.</p>"},"Classes.html":{"name":"Classes","abstract":"<p>The following classes are available globally.</p>"},"Enums.html":{"name":"Enumerations","abstract":"<p>The following enumerations are available globally.</p>"},"Protocols.html":{"name":"Protocols","abstract":"<p>The following protocols are available globally.</p>"}}
\ No newline at end of file
+{"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillOpen:":{"name":"floatingActionButtonWillOpen(_:)","abstract":"<p>Is called before opening animation. Button state is .opening.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidOpen:":{"name":"floatingActionButtonDidOpen(_:)","abstract":"<p>Is called after opening animation. Button state is .opened.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonWillClose:":{"name":"floatingActionButtonWillClose(_:)","abstract":"<p>Is called before closing animation. Button state is .closing.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html#/c:@M@JJFloatingActionButton@objc(pl)JJFloatingActionButtonDelegate(im)floatingActionButtonDidClose:":{"name":"floatingActionButtonDidClose(_:)","abstract":"<p>Is called after closing animation. Button state is .closed.</p>","parent_name":"JJFloatingActionButtonDelegate"},"Protocols/JJFloatingActionButtonDelegate.html":{"name":"JJFloatingActionButtonDelegate","abstract":"<p>Floating action button delegate protocol</p>"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosed":{"name":"closed","abstract":"<p>No items are visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpen":{"name":"open","abstract":"<p>Items are fully visible</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateOpening":{"name":"opening","abstract":"<p>During opening animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html#/c:@M@JJFloatingActionButton@E@JJFloatingActionButtonState@JJFloatingActionButtonStateClosing":{"name":"closing","abstract":"<p>During closing animation</p>","parent_name":"JJFloatingActionButtonState"},"Enums/JJFloatingActionButtonState.html":{"name":"JJFloatingActionButtonState","abstract":"<p>Button state.</p>"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO5popUpAD12CoreGraphics7CGFloatV05interD7Spacing_tcADmF":{"name":"popUp","abstract":"<p>When opening, items <q>pop up</q> one after the other in a vertical line.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html#/s:22JJFloatingActionButtonAAC16ItemOpeningStyleO11circularPopAD12CoreGraphics7CGFloatV6radius_tcADmF":{"name":"circularPop","abstract":"<p>When opening, items <q>pop up</q> one after the other in a circle around the action button.</p>","parent_name":"ItemOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO6rotateAD12CoreGraphics7CGFloatV5angle_tcADmF":{"name":"rotate","abstract":"<p>When opening, the button is rotated.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html#/s:22JJFloatingActionButtonAAC0C12OpeningStyleO10transitionADSo7UIImageC5image_tcADmF":{"name":"transition","abstract":"<p>When opening, the image view transitions to given image.</p>","parent_name":"ButtonOpeningStyle"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)delegate":{"name":"delegate","abstract":"<p>The delegate object for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)items":{"name":"items","abstract":"<p>The list of action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonColor":{"name":"buttonColor","abstract":"<p>The background color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The background color of the floating action button with highlighted state.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed on the button by default.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)itemSizeRatio":{"name":"itemSizeRatio","abstract":"<p>The size of an action item in relation to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov":{"name":"buttonAnimationConfiguration","abstract":"<p>The opening style of the floating action button itself.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov":{"name":"itemOpeningStyle","abstract":"<p>The opening style of the action items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)handleSingleActionDirectly":{"name":"handleSingleActionDirectly","abstract":"<p>When enabled and only one action item is added, the floating action button will not open,","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)buttonState":{"name":"buttonState","abstract":"<p>The current state of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)circleView":{"name":"circleView","abstract":"<p>The round background view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)imageView":{"name":"imageView","abstract":"<p>The image view of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)overlayView":{"name":"overlayView","abstract":"<p>The overlay view.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithFrame:":{"name":"init(frame:)","abstract":"<p>Initializes and returns a newly allocated floating action button object with the specified frame rectangle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@M@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ButtonOpeningStyle.html":{"name":"ButtonOpeningStyle","abstract":"<p>Opening style of the button itself.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton/ItemOpeningStyle.html":{"name":"ItemOpeningStyle","abstract":"<p>Opening style of the action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)openWithAnimated:completion:":{"name":"open(animated:completion:)","abstract":"<p>Open the floating action button and show all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)closeWithAnimated:completion:":{"name":"close(animated:completion:)","abstract":"<p>Close the floating action button and hide all action items.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleRotateWithAngle:":{"name":"useButtonOpeningStyleRotate(angle:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov\">buttonAnimationConfiguration</a></code> to <code>.rotate(angle:)</code> with given angle.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useButtonOpeningStyleTransitionWithImage:":{"name":"useButtonOpeningStyleTransition(image:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC18buttonAnimationConfigurationAB0ceF0Ov\">buttonAnimationConfiguration</a></code> to <code>.transition(image:)</code> with given image.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStylePopUpWithInterItemSpacing:":{"name":"useItemOpeningStylePopUp(interItemSpacing:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.popUp(interItemSpacing:)</code> with given inter item spacing.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)useItemOpeningStyleCircularPopWithRadius:":{"name":"useItemOpeningStyleCircularPop(radius:)","abstract":"<p>Sets <code><a href=\"36f8f5912051ae747ef441d6511ca4cbClasses/JJFloatingActionButton.html#/s:22JJFloatingActionButtonAAC16itemOpeningStyleAB04ItemeF0Ov\">itemOpeningStyle</a></code> to <code>.circularPop(radius:)</code> with given radius.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowColor":{"name":"shadowColor","abstract":"<p>The shadow color of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOffset":{"name":"shadowOffset","abstract":"<p>The shadow offset of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowOpacity":{"name":"shadowOpacity","abstract":"<p>The shadow opacity of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)shadowRadius":{"name":"shadowRadius","abstract":"<p>The shadow radius of the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInView:viewInset:safeAreaInset:":{"name":"display(inView:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a given superview and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)displayInViewController:viewInset:safeAreaInset:":{"name":"display(inViewController:viewInset:safeAreaInset:)","abstract":"<p>Add floating action button to a view of a given view controller and place in trailing bottom corner.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItemWithTitle:image:action:":{"name":"addItem(title:image:action:)","abstract":"<p>Add an action item with title, image and action to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)addItem:":{"name":"addItem(_:)","abstract":"<p>Add an action item to the list of items.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(im)configureDefaultItem:":{"name":"configureDefaultItem(_:)","abstract":"<p>Calls the given closure on each item that is or was added to the floating action button.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)enabledItems":{"name":"enabledItems","abstract":"<p>All items that will be shown when floating action button ist opened.","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action button draws a highlight.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJFloatingActionButton.html#/c:@CM@JJFloatingActionButton@objc(cs)JJFloatingActionButton(py)intrinsicContentSize":{"name":"intrinsicContentSize","abstract":"<p>The natural size for the floating action button.</p>","parent_name":"JJFloatingActionButton"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)color":{"name":"color","abstract":"<p>The color of the circle.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)highlightedColor":{"name":"highlightedColor","abstract":"<p>The color of the circle when highlighted. Default is <code>nil</code>.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(py)isHighlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the circle view draws a highlight.","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJCircleView"},"Classes/JJCircleView.html#/c:@M@JJFloatingActionButton@objc(cs)JJCircleView(im)drawRect:":{"name":"draw(_:)","abstract":"<p>Draws the receiver’s image within the passed-in rectangle","parent_name":"JJCircleView"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)action":{"name":"action","abstract":"<p>The action that is executen when the item is pressed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonColor":{"name":"buttonColor","abstract":"<p>The color of action item circle view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)highlightedButtonColor":{"name":"highlightedButtonColor","abstract":"<p>The color of action item circle view with highlighted state.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImage":{"name":"buttonImage","abstract":"<p>The image displayed by the item.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)buttonImageColor":{"name":"buttonImageColor","abstract":"<p>The tint color of the image view.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)titleLabel":{"name":"titleLabel","abstract":"<p>The title label of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)imageView":{"name":"imageView","abstract":"<p>The image view of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(py)circleView":{"name":"circleView","abstract":"<p>The background circle of the item. Can be configured as needed.","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@M@JJFloatingActionButton@objc(cs)JJActionItem(im)initWithCoder:":{"name":"init(coder:)","abstract":"<p>Returns an object initialized from data in a given unarchiver.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(im)didMoveToSuperview":{"name":"didMoveToSuperview()","abstract":"<p>Tells the view that its superview changed.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html#/c:@CM@JJFloatingActionButton@objc(cs)JJActionItem(py)highlighted":{"name":"isHighlighted","abstract":"<p>A Boolean value indicating whether the action item draws a highlight.</p>","parent_name":"JJActionItem"},"Classes/JJActionItem.html":{"name":"JJActionItem","abstract":"<p>The item view representing an action.</p>"},"Classes/JJCircleView.html":{"name":"JJCircleView","abstract":"<p>A colored circle with an highlighted state</p>"},"Classes/JJFloatingActionButton.html":{"name":"JJFloatingActionButton","abstract":"<p>A floating action button.</p>"},"Classes.html":{"name":"Classes","abstract":"<p>The following classes are available globally.</p>"},"Enums.html":{"name":"Enumerations","abstract":"<p>The following enumerations are available globally.</p>"},"Protocols.html":{"name":"Protocols","abstract":"<p>The following protocols are available globally.</p>"}}