Wobbly alternatives and similar libraries
Based on the "Animation" category.
Alternatively, view Wobbly alternatives based on common mentions on social networks and blogs.
-
AnimatedCollectionViewLayout
A UICollectionViewLayout subclass that adds custom transitions/animations to the UICollectionView without effecting your existing code. -
AlertTransition
AlertTransition is a extensible library for making view controller transitions, especially for alert transitions. -
SPPerspective
Widgets iOS 14 animation with 3D and dynamic shadow. Customisable transform and duration. -
AKVideoImageView
UIImageView subclass that allows you to display a looped video and dynamically switch it. -
Disintegrate
Disintegration animation inspired by THAT thing Thanos did at the end of Avengers: Infinity War. -
VariousViewsEffects
Various view's effects for iOS, written in Swift. Allows you to animate views nicely with easy to use extensions. Currently supported animations: Glass Break, Explode, Snowflakes. Every animation is randomized.
WorkOS - The modern identity platform for B2B SaaS
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of Wobbly or a related project?
README
wobbly
[Screenshot](wobble.png)
See Wobbly in action (examples)
Add a drop of honey ๐ฏ to your project
wobbly
has a bunch of cool, fun, and easy to use iOS animations for you to use in your projects. Animation types taken from Animate CSS (Animate CSS for iOS ๐ป)
Installation
wobbly is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'wobbly'
Usage
To use wobbly in your, simply install it through cocoapods
or drag and drop the wobbly folder into your project, and simply call the type of animation you want on any type of view.
Yea just one step to use ๐ป
view.bounce()
image.jello()
button.shake()
view.bounceInLeft()
label.Swing()
Animations
To animate an element, add the class animated
to an element. You can include the class infinite
for an infinite loop. Finally you need to add one of the following classes to the element (This has all the Animate CSS animations )
Class Name | |||
---|---|---|---|
bounce |
flash |
pulse |
rubberBand |
shake |
headShake |
swing |
tada |
wobble |
jello |
bounceIn |
bounceInDown |
bounceInLeft |
bounceInRight |
bounceInUp |
bounceOut |
bounceOutDown |
bounceOutLeft |
bounceOutRight |
bounceOutUp |
fadeIn |
fadeInDown |
fadeInDownBig |
fadeInLeft |
fadeInLeftBig |
fadeInRight |
fadeInRightBig |
fadeInUp |
fadeInUpBig |
fadeOut |
fadeOutDown |
fadeOutDownBig |
fadeOutLeft |
fadeOutLeftBig |
fadeOutRight |
fadeOutRightBig |
fadeOutUp |
fadeOutUpBig |
flipInUp |
flipInDown |
flip |
flipInRight |
lightSpeedIn |
lightSpeedOut |
rotateIn |
rotateInDownLeft |
rotateInDownRight |
rotateInUpLeft |
rotateInUpRight |
rotateOut |
rotateOutDownLeft |
rotateOutDownRight |
rotateOutUpLeft |
rotateOutUpRight |
hinge |
jackInTheBox |
rollIn |
rollOut |
zoomIn |
zoomInDown |
zoomInLeft |
zoomInRight |
zoomInUp |
zoomOut |
zoomOutDown |
zoomOutLeft |
zoomOutRight |
zoomOutUp |
slideInDown |
slideInLeft |
slideInRight |
slideInUp |
slideOutDown |
slideOutLeft |
slideOutRight |
slideOutUp |
heartBeat |
Example
To run the example project, clone the repo, and run pod install
from the Example directory first.
Requirements
Author
sagaya, [email protected]
Contributing
Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc])
License
wobbly is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the Wobbly README section above
are relevant to that project's source code only.