The Top 112 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 112 Transition Open Source Projects

Categories > User Interface > Transition

Scrollreveal ⭐ 19,637

Animate elements as they scroll into view.

Barba ⭐ 8,938

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

React Native Animatable ⭐ 8,701

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

Macaw ⭐ 5,588

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

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

Animatedcollectionviewlayout ⭐ 4,186

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

Music Player ⭐ 3,412

From UI Proposal to Code 🎶▶️

Kmnavigationbartransition ⭐ 3,174

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

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

Editly ⭐ 2,770

Slick, declarative command line video editing & API

Guillotinemenu Android ⭐ 2,742

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

Fluidtransitions ⭐ 2,705

Fluid Transitions for React Navigation

Presentr ⭐ 2,664

Swift wrapper for custom ViewController presentations on iOS

Transition ⭐ 2,484

Easy interactive interruptible custom ViewController transitions

Zfdragablemodaltransition ⭐ 2,482

Custom animation transition for present modal view controller

Spstorkcontroller ⭐ 2,397

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

Decktransition ⭐ 2,204

A library to recreate the iOS Apple Music now playing transition

Transitioner ⭐ 2,050

A library for dynamic view-to-view transitions

Starwars.android ⭐ 1,925

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

Layerjs ⭐ 1,810

layerJS: Javascript UI composition framework

Gganimate ⭐ 1,677

A Grammar of Animated Graphics

Transitionhelper ⭐ 1,652

This is a simple util to create Activity transition animation

Stfalconimageviewer ⭐ 1,612

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

Slidr ⭐ 1,563

add some slide effects.

Floatingtoolbar ⭐ 1,535

A toolbar that morphs from a FloatingActionButton

Easytransitions ⭐ 1,515

A simple way to create custom interactive UIViewController transitions

Transformationlayout ⭐ 1,380

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

Microstates ⭐ 1,312

Composable state primitives for JavaScript

Obs Streamfx ⭐ 1,260

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.

Splitting ⭐ 1,240

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

Transitionbutton ⭐ 1,158

UIButton sublass for loading and transition animation.

Collectionviewpaginglayout ⭐ 1,142

A simple but highly customizable UICollectionViewLayout for UICollectionView -- Simple SwiftUI views that let you make page-view effects.

Scroll Out ⭐ 1,052

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

Vueg Page Transition Plugin ⭐ 1,028

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

Jtmaterialtransition ⭐ 967

An iOS transition for controllers based on material design.

Gl Transitions ⭐ 923

The open collection of GL Transitions

Use Web Animations ⭐ 838

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

Element Motion ⭐ 827

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

Add some Depth to your fragments

Stately.js ⭐ 788

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

Drawerkit ⭐ 758

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

Transitionabletab ⭐ 741

TransitionableTab makes it easy to animate when switching between tab.

Splarkcontroller ⭐ 736

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

Ypnavigationbartransition ⭐ 729

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

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

Stateless4j ⭐ 667

Lightweight Java State Machine

Instagramlikecolortransitionandroid ⭐ 587

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

Alerttransition ⭐ 566

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

React Router Page Transition ⭐ 532

Highly customizable page transition component for your React Router

Ffmpeg Concat ⭐ 474

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

Officialfoldingtabbar.android ⭐ 440

Awesome Engineering Team Management ⭐ 420

👔 How to transition from software development to engineering management

Vue Smooth Reflow ⭐ 414

Transition an elements reflow when the data changes.

Material Searchtransition ⭐ 411

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

Hamburger React ⭐ 410

Animated hamburger menu icons for React (1.5 KB) 🍔

Radiustransition ⭐ 408

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

Interpolate your data

Lazytransitions ⭐ 377

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

Vue Motion ⭐ 373

Easy and natural state transitions

Hyawesometransition ⭐ 368

Custom transition between viewcontrollers

Kompass ⭐ 330

Kotlin Multiplatform Router for Android and iOS

Emotion Rating View ⭐ 299

A library for animated rating view in Android apps.

Tltransitions ⭐ 297

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

Crazydaily ⭐ 296

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

React Css Transition Replace ⭐ 288

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

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

Samuraitransition ⭐ 270

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

a demo of Transition Framework

Ailight ⭐ 249

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

Lsyevernote ⭐ 248

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

Visualizer ⭐ 208

UI-Router state visualizer and transition visualizer

Marshroute ⭐ 206

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

Droidmotion ⭐ 201

🏂 Implementation of a simple android motion

Atgmediabrowser ⭐ 189

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

Cssanimation.io ⭐ 182

CSS Animation Library for Developers and Ninjas

React Reveal Text ⭐ 172

✨ 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 ⭐ 160

A wonderful 3D animation

Yii2 Workflow ⭐ 159

A simple workflow engine for Yii2

Kwdrawercontroller ⭐ 154

Drawer view controller that easy to use!

Cpcollectionviewkit ⭐ 141

Interesting UICollectionView layouts and transitions

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

React Number Easing ⭐ 133

React component for fancy number transitions.

Css Animation 101 Cn ⭐ 133

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

Aicustomviewcontrollertransition ⭐ 130

Easy and tidy way for creating custom UIViewController transitions for iOS

React Text Transition ⭐ 130

Animate your text changes

Googlenewsstandanimation Android ⭐ 129

Navigation pattern like in Google News Stand app with transitions

Vue Svg Transition ⭐ 128

Create 2-state, SVG-powered transitions

React Native Expanding Circle Transition ⭐ 125

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

Yudisplacementtransition ⭐ 121

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

Morpherings ⭐ 120

CSS Animations that cause buttons to morph into forms.

Pixelwave ⭐ 119

Fully customizable pixel wave animation for seamless page transitions.

React Router Transitions ⭐ 117

Easily handle transitions in your React application 🍃

Compose Shared Element ⭐ 108

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

Redux Idle Monitor ⭐ 105

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

Sunset.css ⭐ 103

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

1-100 of 112 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