Awesome

Swift UI Animation Libraries

<p><h3>A curated list of Swift libraries, iOS UI components and UI <a href="https://www.ramotion.com/agency/app-development/?utm_source=gthb&utm_medium=repo&utm_campaign=swift-ui-libraries"><b>app development</b></a> by Ramotion</h3><p> <p><h4>Try these UI components and contact us if interested.</h4> <a href="https://www.ramotion.com/agency/app-development/?utm_source=gthb&utm_medium=repo&utm_campaign=swift-ui-libraries"> <img src="https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png" width="187" height="34" alt="app development"></a></p> <br> <a href="https://github.com/Ramotion/circular-carousel"> <img align="left" src="https://github.com/Ramotion/circular-carousel/blob/master/Screenshots/ios_circular_carousel.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/circular-carousel">CAROUSEL</a></h1></p> <h4>List a collection of items in a horizontally scrolling view. A scaling factor controls the size of the items relative to the center.</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/circular-carousel#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/circular-carousel#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/folding-cell"> <img align="left" src="https://github.com/Ramotion/swift-ui-animation-components-and-libraries/blob/master/gifs/folding-cell.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/folding-cell">FOLDING CELL</a></h1></p> <h4>Expanding content cell with animation inspired by folding paper card material design</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/folding-cell#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/folding-cell#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/animated-tab-bar"> <img align="left" src="https://github.com/Ramotion/animated-tab-bar/blob/master/Screenshots/animatedTabBar.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/animated-tab-bar">ANIMATED TAB BAR</a></h1></p> <h4>Swift UI module library for adding animation to iOS tabbar items and icons</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/animated-tab-bar#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/animated-tab-bar#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/paper-onboarding"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/paper-onboarding.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/paper-onboarding">PAPER ONBOARDING</a></h1></p> <h4>iOS library Paper Onboarding is a material design UI slider written on Swift</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/paper-onboarding#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/paper-onboarding#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/cardslider"> <img align="left" src="https://github.com/Ramotion/cardslider/blob/master/iOS_Card_Slider.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/cardslider">CARDSLIDER</a></h1></p> <h4>UI controller that allows you to swipe through cards with pictures</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/cardslider#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/cardslider#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/navigation-toolbar"> <img align="left" src="https://github.com/vladiram/navigation-toolbar/blob/master/iOS-Navigation-Toolbar-1x.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/navigation-toolbar">NAVIGATION TOOLBAR</a></h1></p> <h4>Navigation toolbar is a Swift slide-modeled UI navigation controller</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/navigation-toolbar#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/navigation-toolbar#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/expanding-collection"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/expanding-collection-edited.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/expanding-collection">EXPANDING COLLECTION</a></h1></p> <h4>An animated material design UI card peek/pop controller</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/expanding-collection#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/expanding-collection#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/circle-menu"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/circle-menu-edited.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/circle-menu">CIRCLE MENU</a></h1></p> <h4>A simple, elegant UI menu with a circular layout and material design animations</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/circle-menu#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/circle-menu#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/paper-switch"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/paper-switch.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/paper-switch">PAPER SWITCH</a></h1></p> <h4>A Swift material design UI module which paints over the parent view when the switch is on</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/paper-switch#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/paper-switch#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/reel-search"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/reel-search.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/reel-search">REEL SEARCH</a></h1></p> <h4>Reel Search is a Swift UI controller that allows you to choose options from a list</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/reel-search#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/reel-search#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/navigation-stack"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/navigation-stack.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/navigation-stack">NAVIGATION STACK</a></h1></p> <h4>Navigation Stack is a library with stack-modeled UI navigation controller</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/navigation-stack#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/navigation-stack#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/adaptive-tab-bar"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/adaptive-tab-bar.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/adaptive-tab-bar">ADAPTIVE TAB BAR</a></h1></p> <h4>'Progressive Reduction' module for adding custom states to Native or Custom UI elements</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/adaptive-tab-bar#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/adaptive-tab-bar#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/preview-transition"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/preview-transition.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/preview-transition">PREVIEW TRANSITION</a></h1></p> <h4>Preview Transition is a simple preview gallery UI controller with animated tranisitions</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/preview-transition#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/preview-transition#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/gliding-collection"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/gliding_collection.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/gliding-collection">GLIDING COLLECTION</a></h1></p> <h4>A smooth, flowing, customizable decision for a UICollectionView Swift Controller</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/gliding-collection#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/gliding-collection#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/fluid-slider"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/fluid-slider-edited.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/fluid-slider">FLUID SLIDER</a></h1></p> <h4>A slider widget with a popup bubble displaying the precise value selected written on Swift</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/fluid-slider#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/fluid-slider#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/elongation-preview"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/elongation-preview-edited.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/elongation-preview">ELONGATION PREVIEW</a></h1></p> <h4>Elongation Preview is an elegant UI push-pop style view controller for iOS</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/elongation-preview#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/elongation-preview#requirements">☑️ Requirements →</a></h4> <br></br> <a href="https://github.com/Ramotion/garland-view"> <img align="left" src="https://github.com/Ramotion/swift-libraries/blob/master/gifs/garland-view.gif" width="480" height="360" /></a> <p><h1 align="left"><a href="https://github.com/Ramotion/garland-view">GARLAND VIEW</a></h1></p> <h4>Garland View seamlessly transitions between multiple lists of content</h4> <p><h6>Stay tuned for the latest updates:</h6> <a href="https://goo.gl/rPFpid" > <img src="https://i.imgur.com/ziSqeSo.png/" width="156" height="28"></a></p> <h4><a href="https://github.com/Ramotion/garland-view#installation">⚙️ Installation Guide →</a></h4> <h4><a href="https://github.com/Ramotion/garland-view#requirements">☑️ Requirements →</a></h4> <br></br>

🗂 Check out other lists of our UI libraries

<a href="https://github.com/Ramotion/android-ui-animation-components-libraries"> <img src="https://github.com/Ramotion/swift-ui-animation-components-libraries/blob/master/gifs/android.png" width="178" height="81"></a> <h4><a href="https://store.ramotion.com/product/iphone-x-clay-mockups?utm_source=gthb&utm_medium=special&utm_campaign=folding-cell#demo"><u>📲 Get FREE iPhone Mockup for your project →</u></a></h4>

📄 License

All Swift UI Libraries are released under the MIT license. See LICENSE for details.

If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com

📱 Get the Showroom App for iOS to give it a try

Try these UI components and more like this in our iOS app. Contact us if interested.