The Top 110 Transition Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210

The Top 110 Transition Open Source Projects

Categories > User Interface > Transition

Scrollreveal ⭐ 19,468

Animate elements as they scroll into view.

Barba ⭐ 8,808

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

React Native Animatable ⭐ 8,595

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

Macaw ⭐ 5,530

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,113

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

Music Player ⭐ 3,400

From UI Proposal to Code 🎶▶️

Kmnavigationbartransition ⭐ 3,143

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,981

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

Guillotinemenu Android ⭐ 2,742

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

Fluidtransitions ⭐ 2,673

Fluid Transitions for React Navigation

Editly ⭐ 2,662

Slick, declarative command line video editing & API

Presentr ⭐ 2,625

Swift wrapper for custom ViewController presentations on iOS

Zfdragablemodaltransition ⭐ 2,481

Custom animation transition for present modal view controller

Transition ⭐ 2,453

Easy interactive interruptible custom ViewController transitions

Spstorkcontroller ⭐ 2,350

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

Decktransition ⭐ 2,202

A library to recreate the iOS Apple Music now playing transition

Transitioner ⭐ 2,044

A library for dynamic view-to-view transitions

Starwars.android ⭐ 1,913

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

Layerjs ⭐ 1,814

layerJS: Javascript UI composition framework

Gganimate ⭐ 1,665

A Grammar of Animated Graphics

Transitionhelper ⭐ 1,651

This is a simple util to create Activity transition animation

Stfalconimageviewer ⭐ 1,559

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

Slidr ⭐ 1,557

add some slide effects.

Floatingtoolbar ⭐ 1,533

A toolbar that morphs from a FloatingActionButton

Easytransitions ⭐ 1,497

A simple way to create custom interactive UIViewController transitions

Microstates ⭐ 1,311

Composable state primitives for JavaScript

Transformationlayout ⭐ 1,307

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

Splitting ⭐ 1,210

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

Transitionbutton ⭐ 1,112

UIButton sublass for loading and transition animation.

Obs Streamfx ⭐ 1,062

StreamFX is a plugin for OBS Studio which adds many new effects, filters, sources, transitions and encoders - all for free! Be it 3D Transform, Blur, complex Masking, or even custom shaders, you'll find it all here.

Scroll Out ⭐ 1,026

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

Vueg Page Transition Plugin ⭐ 1,022

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

Jtmaterialtransition ⭐ 967

An iOS transition for controllers based on material design.

Collectionviewpaginglayout ⭐ 907

a simple but highly customizable paging layout for UICollectionView.

Gl Transitions ⭐ 858

The open collection of GL Transitions

Element Motion ⭐ 830

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

Use Web Animations ⭐ 800

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

Add some Depth to your fragments

Stately.js ⭐ 782

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

Drawerkit ⭐ 753

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

Transitionabletab ⭐ 738

TransitionableTab makes it easy to animate when switching between tab.

Ypnavigationbartransition ⭐ 714

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 的切换方案）

Flowing Gradient ⭐ 702

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

Splarkcontroller ⭐ 682

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

Stateless4j ⭐ 648

Lightweight Java State Machine

Instagramlikecolortransitionandroid ⭐ 585

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

Alerttransition ⭐ 564

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

React Router Page Transition ⭐ 531

Highly customizable page transition component for your React Router

Ffmpeg Concat ⭐ 445

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

Officialfoldingtabbar.android ⭐ 433

Material Searchtransition ⭐ 410

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

Radiustransition ⭐ 409

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

Vue Smooth Reflow ⭐ 402

Transition an elements reflow when the data changes.

Hamburger React ⭐ 377

Animated hamburger menu icons for React (1.5 KB) 🍔

Lazytransitions ⭐ 376

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

Vue Motion ⭐ 372

Easy and natural state transitions

Interpolate your data

Hyawesometransition ⭐ 368

Custom transition between viewcontrollers

Kompass ⭐ 327

Kotlin Multiplatform Router for Android and iOS

Emotion Rating View ⭐ 299

A library for animated rating view in Android apps.

Tltransitions ⭐ 295

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

Crazydaily ⭐ 292

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

React Css Transition Replace ⭐ 287

A React component to animate replacing one element with another.

Gtsheet ⭐ 283

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

Swipetransition ⭐ 271

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

Samuraitransition ⭐ 268

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 ⭐ 257

a demo of Transition Framework

Lsyevernote ⭐ 248

Ailight ⭐ 245

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

Awesome Engineering Team Management ⭐ 209

👔 How to transition from software development to engineering management

Marshroute ⭐ 208

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

Visualizer ⭐ 205

UI-Router state visualizer and transition visualizer

Droidmotion ⭐ 200

🏂 Implementation of a simple android motion

Atgmediabrowser ⭐ 185

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

Cssanimation.io ⭐ 173

CSS Animation Library for Developers and Ninjas

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 ⭐ 165

Material Animations practice which is inspired from

Aisphereview ⭐ 159

A wonderful 3D animation

Yii2 Workflow ⭐ 156

A simple workflow engine for Yii2

Kwdrawercontroller ⭐ 154

Drawer view controller that easy to use!

Cpcollectionviewkit ⭐ 139

Interesting UICollectionView layouts and transitions

Css Animation 101 Cn ⭐ 132

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

React Number Easing ⭐ 131

React component for fancy number transitions.

Aicustomviewcontrollertransition ⭐ 129

Easy and tidy way for creating custom UIViewController transitions for iOS

Googlenewsstandanimation Android ⭐ 129

Navigation pattern like in Google News Stand app with transitions

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

React Native Expanding Circle Transition ⭐ 121

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

Morpherings ⭐ 121

CSS Animations that cause buttons to morph into forms.

Vue Svg Transition ⭐ 121

Create 2-state, SVG-powered transitions

Yudisplacementtransition ⭐ 121

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

Pixelwave ⭐ 119

Fully customizable pixel wave animation for seamless page transitions.

React Router Transitions ⭐ 117

Easily handle transitions in your React application 🍃

React Text Transition ⭐ 115

Animate your text changes

Redux Idle Monitor ⭐ 105

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

Sunset.css ⭐ 98

This library offers a collection of different CSS-powered transitions.

Compose Shared Element ⭐ 95

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

1-100 of 110 projects

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210