The Top 105 Transition Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

The Top 105 Transition Open Source Projects

Categories > User Interface > Transition

Scrollreveal ⭐19,212

Animate elements as they scroll into view.

Create badass, fluid and smooth transition between your website's pages.

React Native Animatable ⭐8,377

Standard set of easy to use animations and declarative transitions for React Native

Powerful and easy-to-use vector graphics Swift library with SVG support

AASM - State machines for Ruby classes (plain Ruby, ActiveRecord, Mongoid, NoBrainer)

Animatedcollectionviewlayout ⭐4,029

A UICollectionViewLayout subclass that adds custom transitions/animations to the UICollectionView without effecting your existing code.

Music Player ⭐3,380

From UI Proposal to Code 🎶▶️

Kmnavigationbartransition ⭐3,096

A drop-in universal library helps you to manage the navigation bar styles and makes transition animations smooth between different navigation bar styles while pushing or popping a view controller for all orientations. And you don't need to write any line of code for it, it all happens automatically.

Viewpagertransition ⭐2,966

viewpager with parallax pages, together with vertical sliding (or click) and activity transition

Guillotinemenu Android ⭐2,736

Neat library, that provides a simple way to implement guillotine-styled animation

Fluidtransitions ⭐2,630

Fluid Transitions for React Navigation

Presentr ⭐2,566

Swift wrapper for custom ViewController presentations on iOS

Zfdragablemodaltransition ⭐2,482

Custom animation transition for present modal view controller

Editly ⭐2,478

Slick, declarative command line video editing & API

Transition ⭐2,402

Easy interactive interruptible custom ViewController transitions

Spstorkcontroller ⭐2,295

Now playing controller from Apple Music, Mail & Podcasts Apple's apps.

Decktransition ⭐2,199

A library to recreate the iOS Apple Music now playing transition

Transitioner ⭐2,034

A library for dynamic view-to-view transitions

Starwars.android ⭐1,912

This component implements transition animation to crumble view into tiny pieces.

Layerjs ⭐1,807

layerJS: Javascript UI composition framework

Transitionhelper ⭐1,649

This is a simple util to create Activity transition animation

Gganimate ⭐1,630

A Grammar of Animated Graphics

add some slide effects.

Floatingtoolbar ⭐1,529

A toolbar that morphs from a FloatingActionButton

Stfalconimageviewer ⭐1,485

A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures

Easytransitions ⭐1,451

A simple way to create custom interactive UIViewController transitions

Microstates ⭐1,312

Composable state primitives for JavaScript

Transformationlayout ⭐1,194

🌠 Transform into a different view or activity using morphing animations.

Splitting ⭐1,156

JavaScript microlibrary to split an element by words, characters, children and more, populated with CSS variables!

Transitionbutton ⭐1,054

UIButton sublass for loading and transition animation.

Vueg Page Transition Plugin ⭐1,005

为Vue应用添加页面间的转场特效( Page level transition plugin for vue-router)

Scroll Out ⭐969

ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!

Jtmaterialtransition ⭐966

An iOS transition for controllers based on material design.

Element Motion ⭐836

Tween between view states with declarative zero configuration element motions for React

Add some Depth to your fragments

Stately.js ⭐778

Stately.js is a JavaScript based finite-state machine (FSM) engine for Node.js and the browser.

Gl Transitions ⭐778

The open collection of GL Transitions

Drawerkit ⭐752

DrawerKit lets an UIViewController modally present another UIViewController in a manner similar to the way Apple's Maps app works.

Collectionviewpaginglayout ⭐752

a simple but highly customizable paging layout for UICollectionView.

Use Web Animations ⭐732

😎 🍿 React hook for highly-performant and manipulable animations using Web Animations API.

Transitionabletab ⭐731

TransitionableTab makes it easy to animate when switching between tab.

Flowing Gradient ⭐700

Android Library to make a flowing gradient effect, similar to that used in Instagram Android login screen

Ypnavigationbartransition ⭐685

A Full functional UINavigationBar framework for making bar transition more natural! You don't need to call any UINavigationBar api, implementing YPNavigationBarConfigureStyle protocol for your view controller instead. （类似微信 iOS Navigation Bar 的切换方案）

Splarkcontroller ⭐643

Custom transition between controllers. Settings controller for your iOS app.

Stateless4j ⭐603

Lightweight Java State Machine

Instagramlikecolortransitionandroid ⭐582

How to create instagram like Gradient color transition in android.📸

Alerttransition ⭐562

AlertTransition is a extensible library for making view controller transitions, especially for alert transitions.

React Router Page Transition ⭐528

Highly customizable page transition component for your React Router

Officialfoldingtabbar.android ⭐423

Radiustransition ⭐412

Transition between a circle to a square. ⚪️→ ⬜️

Material Searchtransition ⭐411

A demo showcasing how to implement a Dial app-like Toolbar transition

Ffmpeg Concat ⭐396

Concats a list of videos together using ffmpeg with sexy OpenGL transitions.

Vue Smooth Reflow ⭐390

Transition an elements reflow when the data changes.

Lazytransitions ⭐375

Lazy pop and dismiss like in the Facebook, Instagram or Twitter apps.

Hyawesometransition ⭐368

Custom transition between viewcontrollers

Vue Motion ⭐362

Easy and natural state transitions

Interpolate your data

Kotlin Multiplatform Router for Android and iOS

Hamburger React ⭐317

Animated hamburger menu icons for React (1.5 KB) 🍔

Emotion Rating View ⭐296

A library for animated rating view in Android apps.

Tltransitions ⭐292

快速实现控制器的转场和View的快速popover显示，并支持自定义动画、手势退场

Crazydaily ⭐287

[开源项目] 一款程序员日常放松的App，基于Material Design + MVP-Clean + Weex + Flutter + RxJava2 + Retrofit + Dagger2 + Glide + Okhttp + MTRVA + BRVAH + 炫酷控件 + 炫酷动画

An easy to integrate solution for presenting UIViewControllers in a bottom sheet

React Css Transition Replace ⭐284

A React component to animate replacing one element with another.

Swipetransition ⭐269

Allows trendy transitions using swipe gesture such as "swipe back anywhere".

Samuraitransition ⭐267

SamuraiTransition is an open source Swift based library providing a collection of ViewController transitions featuring a number of neat “cutting” animations.

📑 Actionsheet with navigation features such as the Flipboard App

Transitionexample ⭐254

a demo of Transition Framework

Lsyevernote ⭐249

AiLight is a custom firmware for the esp8266 based Ai-Thinker (or equivalent) RGBW WiFi light bulbs

🐿 Super easy and lightweight(<3kb) JavaScript animation library

Marshroute ⭐205

Marshroute is an iOS Library for making your Routers simple but extremely powerful

Visualizer ⭐202

UI-Router state visualizer and transition visualizer

Droidmotion ⭐195

🏂 Implementation of a simple android motion

Atgmediabrowser ⭐183

Image slide-show viewer with multiple predefined transition styles, with ability to create new transitions with ease.

React Reveal Text ⭐171

✨ A small react library for animating the revealing of text.

Phaser State Transition ⭐169

State transition plugin for Phaser.js

Materialtransitionanimation ⭐166

Material Animations practice which is inspired from

Cssanimation.io ⭐162

CSS Animation Library for Developers and Ninjas

Aisphereview ⭐158

A wonderful 3D animation

Yii2 Workflow ⭐155

A simple workflow engine for Yii2

Kwdrawercontroller ⭐152

Drawer view controller that easy to use!

Cpcollectionviewkit ⭐130

Interesting UICollectionView layouts and transitions

Css Animation 101 Cn ⭐129

学习如何为你的 Web 程序添加动效

Aicustomviewcontrollertransition ⭐128

Easy and tidy way for creating custom UIViewController transitions for iOS

Googlenewsstandanimation Android ⭐128

Navigation pattern like in Google News Stand app with transitions

Morpherings ⭐121

CSS3 Animations that cause buttons to morph into forms.

Yudisplacementtransition ⭐121

A GPU accelerated transition library makes use of displacement maps to create distortion effects.

go library for image programming (merge, crop, resize, watermark, animate, ease, transit)

Pixelwave ⭐119

Fully customizable pixel wave animation for seamless page transitions.

React Native Expanding Circle Transition ⭐118

A simple react native component to make an expanding circle transition.

Vue Svg Transition ⭐118

Create 2-state, SVG-powered transitions

React Router Transitions ⭐117

Easily handle transitions in your React application 🍃

React Number Easing ⭐116

React component for fancy number transitions.

Redux Idle Monitor ⭐105

A Redux component to schedule events at stages of user idleness across multiple browser tabs.

Css Animations Pocket Guide ⭐94

A pocket guide to get started writing CSS Animations. ✨

React组件库，一些常用的React组件

Simpletab ⭐83

A Simple iOS Tab Bar Controller with animation support.

Inboxstyleanimation ⭐81

A demo of an attempt to replicate Google Inbox email animation

Compose Shared Element ⭐74

Experiment with SharedElement transition in Jetpack Compose, inspired by Flutter Hero widget.

1-100 of 105 projects